/*
Theme Name: TJN Rife Pro child theme
Description: TJN Modification of Rife Pro theme. Rife Pro is great portfolio and photography theme. It will also work well for blogging and as base for you shop as it is WooCommerce compatible. Elementor compatibility will help you make great website even easier.
Author: Apollo13 Themes
Author URI: https://apollo13themes.com/
Theme URI: https://apollo13themes.com/rife/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: e-commerce, portfolio, photography, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, translation-ready, sticky-post, post-formats, custom-colors, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments
Template: rife
Text Domain: tjn-rife-pro-child-theme
Version: 1.0
*/

/* Add your CSS below */

#content{
	color: #000 !important;
}

.page .title-bar.outside{
	background-position:top right !important;
}

.widget a{
	color: #000 !important;
}

.page .title-bar.outside {
	background-position: 100% 0;
}

h1.page-title {
	font-family: Montserrat;
	color: rgb(56, 88, 57) !important;
    font-weight: 700 !important;
	font-size: 16px !important;
	text-transform: uppercase !important;
	padding-top:70px !important;
}

h1.page-title-content {
	font-family: Montserrat;
	color: rgb(56, 88, 57) !important;
    font-weight: 700 !important;
	font-size: 16px !important;
	text-transform: uppercase !important;
	padding-top:10px !important;
}

.top-menu > li > a{
	font-size:14px !important;
}

html[lang=ar] h1,
html[lang=ar] h2,
html[lang=ar] h3,
html[lang=ar] h4,
html[lang=ar] h5,
html[lang=ar] h6,
html[lang=ar] p,
html[lang=ar] .menu-item,
.rtl {
  direction: rtl;
	text-align:right;
}

html[lang=ar] .menu-item{
	padding-left: 26px;
	padding-right: 0px;
}

html[lang=ar] .menu-item i.sub-mark{
	  right: auto;
    left: 0;
}

html[lang=ar] .ub_styled_list li::before {
	content: "»";
	left: -1em;
	background-image:none !important;
}

html[lang=ar]{
	direction:rtl
}

.top-menu ul.sub-menu{
	background-color:#f8f4f0;
	padding:10px 0;
}
.top-menu ul.sub-menu li {	
	padding:10px;
}
.top-menu ul.sub-menu a {
	color:black;
}
#menu-item-912{
	margin-left:1em;
	padding-left:.8em;
	position:relative;
}

#menu-item-912 a{
	color:#999;
}

#menu-item-912::after{
	content: " ";
	border-left:1px solid #999;
	position:absolute;
	top:30%;left:0;
	height:40%;
}

#menu-item-912 .sub-mark::before{
	color:#999;
}

#footer{
	color:white;
}
#menu-footer-menu{
	margin-top:75px;
}

#menu-footer-menu li{
	display:inline-block;
	float:left;
	width:33%;
	padding:10px 0;
	font-weight:bold;
}

h2 {
	color: rgb(53, 47, 71) !important;
    font-family: 'Montserrat',sans-serif !important;
    font-weight: 800 !important;
    line-height: 140% !important;
	font-size: 48px !important;
	text-transform: uppercase !important;
	padding:0 !important;
	margin:0 !important;
	margin-top:8px !important;
}

h2.smaller {
	font-size: 32px !important;
}

h3.subtitlecolour-1 {
	color: rgb(194,113,54) !important;
	text-transform: uppercase !important;
}

.indicatorlink-1 a {
	color: rgb(194,113,54) !important;
}

h3.subtitlecolour-2 {
	color: rgb(141,116,146) !important;
	text-transform: uppercase !important;
}

.indicatorlink-2 a {
	color: rgb(141,116,146) !important;
}

h3.subtitlecolour-3 {
	color: rgb(141,165,89) !important;
	text-transform: uppercase !important;
}

.indicatorlink-3 a {
	color: rgb(141,165,89) !important;
}

h3.subtitlecolour-4 {
	color: rgb(132,85,80) !important;
	text-transform: uppercase !important;
}

.indicatorlink-4 a {
	color: rgb(132,85,80) !important;
}


.post-1522 div.wp-block-columns h4 {
	margin-top:8px !important;
	margin-bottom: 0 !important;
}

.post-1522 div.wp-block-columns p {
	margin-top:8px !important;
	margin-bottom:8px !important;
}

.post-1522 div.wp-block-columns{
	margin-bottom:0 !important;
}

.full-width-section-light {
  width: 100vw; /* Creates a full width section of the site with the light alternative background colour */
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: #F3F0ECff; /* Customize this */
  padding: 40px 20px;
  box-sizing: border-box;
}

.full-width-section-light .slidercontent {
  max-width: 1200px; /* Adjust to your site’s content width. In use on sliders */
  margin: 0 auto;
}

.full-width-section-light .smallslidercontent {
  max-width: 1000px; /* Adjust to your site’s content width. In use on 2-slide slider */
  margin: 0 auto;
}

.full-width-section-light .narrowcontent {
  max-width: 800px; /* Adjust to your site’s content width */
  margin: 0 auto;
}

.full-width-section-normal {
  width: 100vw; /* Creates a full width section of the site with the main site background colour */
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: #EDE7E0ff; /* Customize this */
  padding: 40px 20px;
  box-sizing: border-box;
}

.full-width-section-normal .narrowcontent {
  max-width: 800px; /* Adjust to desired content width: For use on large text content blocks within full width backgrounds. In place: About page;  */
  margin: 0 auto;
}

.full-width-section-normal .slidercontent {
  max-width: 1200px; /* Adjust to your desired slider content width. In place on site: Slider displays */
  margin: 0 auto;
}

.limited-width-content {
  width: 60%;
  margin: 0 auto; /* Centers the paragraph horizontally */
  text-align: center;   /* Centers the text inside the paragraph */
		font-size: .9rem; !important;
}

p.leader-text {
  max-width: 650px; !important;
  /*color: rgb(53, 47, 71);*/
  margin: 1px auto; /* Centers the paragraph horizontally */
  text-align: center; !important;  /* Centers the text inside the paragraph */
  font-size: 15px !important; /* Use thsi to change the font size */
}

.wide-margin {
  margin: 50px; !important;
}

.wide-padding {
  padding: 50px;
}

.table td.collapse.in {
  display: table-cell;
}