/* 
 Theme Name:     Fourandhalf Property Management Theme
 Author:         Garrett Lushington
 Template:     Divi
 Version:      2.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
/************************************
* Colors *
************************************/
.border-color-primary, .border-color-primary:hover, .border-color-primary .et_pb_pricing_table_button {
    border-color: #D90E0D!important; /**** Primary Color - Border colors ****/
}
.et_pb_bg_layout_dark .gform_wrapper .gform_footer input.button {
  border-color:#fff!important; /*** Gravity form submit button border on dark backgrounds ***/
}
.et_pb_bg_layout_light .gform_wrapper .gform_footer input.button {
  border-color:#D90E0D!important; /*** Gravity form submit button border on light backgrounds ***/
}
.border-color-secondary, .border-color-secondary:hover, .et_pb_button.secondary-background:hover {
    border-color:#D90E0D!important; /**** Secondary Color - Border colors ****/
}
.et_pb_bg_layout_light .et-pb-icon, .et_pb_toggle_title:before {
    color:#1F1F1F!important; /**** Primary Color - Icons on light background****/
}
.et_pb_bg_layout_dark .et-pb-icon {
    color:#FFFFFF!important; /**** Secondary Color - Icons on dark background ****/
}
#top-header {
  background: #1F1F1F; /**** Primary Color - top bar color ****/
}
.primary-background:not(.et_pb_pricing) {
    background: #1F1F1F!important; /**** Primary Color & Slightly lighter color - primary gradient backgrounds ****/
}
.secondary-background:not(.et_pb_pricing) {
    background-color:#D90E0D!important; /**** Secondary Color - secondary backgrounds, secondary button color, top menu, divider lines ****/
}
.primary-button.et_pb_bg_layout_light, .primary-button .et_pb_pricing_table_button {
    background-color:transparent; /**** Transparent button background color ****/
    color:#000!important;
}
.secondary-background .gform_wrapper .gform_footer input.button, .secondary-background .primary-button { /***Button styles on secondary background***/
  background-color:transparent; 
    color:#fff!important; 
}
.primary-button:not(.et_pb_pricing):hover {
    background-color:#D90E0D!important; /**** Transparent button background color on hover ****/
}
.gform_wrapper .gform_footer input.button:hover {
    background-color:rgba(0,0,0,0.05)!important; /**** Form button background color on hover ****/
    border-color:transparent!important;
}
.primary-image-background:before {
    background-image: radial-gradient(circle at bottom right,rgba(10,10,10,0.35) 0%,rgba(10,10,10,0.4) 100%)!important; /**** Gradient overlay for image backgrounds. Default is dark grey. ****/
}
.et_pb_bg_layout_light, .et_pb_bg_layout_light h1, .et_pb_bg_layout_light h2, .et_pb_bg_layout_light h3, .et_pb_bg_layout_light h4, .et_pb_bg_layout_light h5, .et_pb_bg_layout_light h6, .et_pb_pricing_heading .et_pb_pricing_title, .custom-dropdown .sub-menu li>a, .et_pb_pricing_heading p, .et_pb_frequency, .et_pb_pricing span, .et_pb_member_position, .et_pb_toggle, .et_pb_toggle_title {
    color:#000!important; /**** Text color on blank or light backgrounds ****/
}
.et_pb_bg_layout_dark:not(.et_pb_menu), .et_pb_bg_layout_dark h1, .et_pb_bg_layout_dark h2, .et_pb_bg_layout_dark h3, .et_pb_bg_layout_dark h4, .et_pb_bg_layout_dark h5, .et_pb_bg_layout_dark h6, p.name, .primary-background .percent-value, .primary-background a:not(.et_pb_button) {
    color:#fff!important; /**** Text color on primary color or image backgrounds ****/
} 
.secondary-background .percent-value, .secondary-background a:not(.et_pb_button), .secondary-background .et_pb_module, .secondary-background .et_pb_module h1, .secondary-background .et_pb_module h2, .secondary-background .et_pb_module h3, .secondary-background .et_pb_module h4, .secondary-background .et_pb_module h5, .secondary-background .et_pb_module h6 {
  color:#fff!important; /**** Text color on secondary color background ****/
}
.et_pb_button.secondary-background, .custom-dropdown>span {
    color:#fff!important; /**** Secondary button text color (secondary color buttons)****/
}
.et_pb_button.primary-button:hover, .primary-background .et_pb_pricing_table_button:hover, .et_pb_search input.et_pb_searchsubmit:hover {
    color:#fff!important; /**** Primary button text color on hover ****/
}
.mobile_menu_bar:before {
  color:#fff!important; /**** Mobile menu icon color ****/
}

/************************************
* Buttons *
************************************/
.et_pb_button {padding:12px 30px!important; font-weight:700!important;}
.et_pb_button:hover {padding:12px 40px 12px 30px!important;}

/************************************
* Site-wide *
************************************/
#skiptocontent a {
    padding: 6px;
    position: absolute;
    top: -45px;
    left: 0px;
    color: white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    background: #BF1722;
    -webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 999999;
}
#skiptocontent a:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    outline-color: transparent;
    -webkit-transition: top .1s ease-in;
    transition: top .1s ease-in;
}
.dead-link>a:hover, .dead-link>span:hover {cursor: default;}
.widgettitle {font-weight:700;}
.shared-counts-wrap {margin-top:40px;}
#footer-info, #footer-info a { text-align: center!important;width: 100%; line-height:1.408!important;}
.bottom-nav, .bottom-nav a, .bottom-nav li.current-menu-item a {text-align: center;}
.pagination { width: 100%;}
.primary-image-background:before {
	content:'';
	width:100%;
	height:100%;
	top:0;
	right:0;
	position:absolute;
}
.round-image-shadow .et_pb_image_wrap img {border-radius: 50%;}
.name {font-family: 'Montserrat',sans-serif; font-weight: 700; font-size: 20px; line-height: 1.4em;}
.et_pb_member_position {margin-bottom:10px;}

/*** Youtube video embed styling ***/
.play-button::before {
    font-family: ETmodules;
    content: "\e0a3";
    display: block;
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 45%;
    font-size: 70px;
    font-weight: 400;
    margin-left: -35px;
    color: #333;
    background-color: #fff;
    opacity: .8;
}
.play-button:hover:before {color:#FF0000!important; opacity:1;}
.onq-youtube-player {color:#fff;}
.onq-youtube-player:hover {color:#23527c;background-color: rgba(0,0,0,.6);}

/**** Custom dropdown menu - I'm Looking For ****/
.et_pb_menu .et-menu>.custom-dropdown {margin-top:0px!important; padding:16.5px 28px 16.5px 30px!important;}
.custom-dropdown>span {
	padding-bottom:0px!important;
	font-size:14px;
	text-transform:uppercase; 
	letter-spacing:4px;
	font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
	line-height:1.7em!important;
	font-weight:700;
}
.custom-dropdown .sub-menu li>a {font-size:14px; font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif; font-weight:700; letter-spacing:1px;}
.dropdown-container {width:auto!important; display:inline-block; border-radius:0px;}
.dropdown-container .et-menu {margin-left:0px!important; margin-right:0px!important;}
.et_pb_menu .nav li.custom-dropdown .sub-menu {
	left:20px!important; 
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    width: initial!important;
	padding:10px 0 14px!important;
	top:100%!important;
	background-color:rgba(255,255,255,0.85)!important;
}
.custom-dropdown .sub-menu li a {width:fit-content!important; padding:6px 2px 3px!important;}
.et_pb_sticky .logo-size {width:75%!important; padding-top:10px;}
@media only screen and (max-width:380px) {
	.custom-dropdown .sub-menu li a {width:175px!important;}
	.custom-dropdown .sub-menu {white-space:initial!important;}
}
/**** End custom dropdown menu styling ****/

/**** Hide reputation widget sort & pagination features ****/
.r4e-widget.reviews2 .sort-container {display:none;}
.r4e-widget .pagination {display:none;}

/************************************
* Blog Page *
************************************/
.et_pb_blog_grid .et_pb_image_container {margin: -20px -20px 29px!important;}
.et_pb_post {padding:19px!important;}
.et_pb_search input.et_pb_searchsubmit {transition: all ease 300ms; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; border:2px solid; border-radius:0px 50px 50px 0px;}

/************************************
* Menu *
************************************/
#main-header:not(.et-fixed-header) {box-shadow:none!important;}
.et-fixed-header #et-top-navigation {padding-bottom:20px!important;}
#et-top-navigation nav>ul>li>a, #et-top-navigation nav>ul>li>span {padding-bottom:5px!important;}
#et-secondary-menu>ul>li>a:hover, #et-info-email:hover {opacity:1;}
#et-info a:hover, #search-text:hover {text-decoration: underline;}
.nav li ul {width:auto!important;}
.nav ul li a:hover {background-color:transparent!important;}
.dead-link span {display:block!important; padding-right:20px; position:relative;-webkit-transition: opacity 0.4s ease-in-out, background-color 0.4s ease-in-out; transition-duration: 0.4s, 0.4s; transition-timing-function: ease-in-out, ease-in-out; transition-delay: 0s, 0s; transition-property: opacity, background-color; transition: opacity 0.4s ease-in-out, background-color 0.4s ease-in-out; transition-duration: 0.4s, 0.4s; transition-timing-function: ease-in-out, ease-in-out; transition-delay: 0s, 0s; transition-property: opacity, background-color; font-weight: 700; font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;}
.dead-link span:after {font-family: 'ETmodules';content: "3";font-size: 16px; position: absolute; right: 0; top: 0; font-weight: 800;}
.dead-link:hover>span {opacity:0.7;}
.left-sub-menu .sub-menu {left: initial!important; right: 0!important;}
.post-template-default #desktop-main-menu {background: rgba(0,0,0,0.8);}
.post-template-default #main-content .container, .error404 #main-content .container {padding-top:240px!important;}
.error404 #desktop-main-menu {background:rgba(0,0,0,0.8);}
.nav li ul {width: initial!important;}
.et_pb_menu_2_tb_header.et_pb_menu .et_mobile_menu .sub-menu {background-color: transparent!important;}
.et_mobile_menu .menu-item-has-children>a {background-color:transparent; font-weight:400!important;}
#desktop-main-menu li li a, #desktop-main-menu li li span {padding: 0px !important; width: auto; white-space: nowrap;}
#desktop-main-menu li li {margin: 5px 0px; padding:0 30px; width:100%;}

@media only screen and (max-width:1024px) {
	.et-menu.nav a, .et-menu.nav span {font-size:12px!important; letter-spacing:1px!important;}
}
@media only screen and (min-width:1025px) and (max-width:1342px) {
	.et_pb_menu .et-menu>li {padding:10px 12px!important;}
	.et-menu-nav>ul>li>a, .et-menu-nav>ul>li>span {padding:0px 7px!important;}
	.et-menu-nav>ul>li.menu-item-has-children>a, .et-menu-nav>ul>li.menu-item-has-children>span {margin-right:17px!important;}
	.et-menu .menu-item-has-children>a:first-child:after, .et-menu .menu-item-has-children>span:first-child:after {right:-12px;}
	.et-menu.nav a, .et-menu.nav span {letter-spacing:1px!important;}
}
@media only screen and (min-width:1343px) {
	.et_pb_menu .et-menu>li {padding:10px 16px!important;}
	.et-menu-nav>ul>li>a, .et-menu-nav>ul>li>span {padding:0px 14px!important;}
	.et-menu-nav>ul>li.menu-item-has-children>a, .et-menu-nav>ul>li.menu-item-has-children>span {margin-right:20px!important;}
	.et-menu .menu-item-has-children>a:first-child:after, .et-menu .menu-item-has-children>span:first-child:after {right:-5px;}
}

@media only screen and (min-width:981px) {
	.left-sub-menu .sub-menu {text-align:right!important;}
	.left-sub-menu .sub-menu li a {margin-left:auto;}
	.sub-menu li.menu-item-has-children>a:after, .sub-menu li.menu-item-has-children>span:after {top:0px!important; right:0!important; content: "5"!important;}
	.sub-menu .sub-menu {
    	position: absolute;
    	left: 100% !important;
    	right: initial !important;
	}
	#desktop-main-menu .sub-menu .menu-item-has-children a, #desktop-main-menu .sub-menu .menu-item-has-children span {padding-right:22px!important;}
	#desktop-main-menu .left-sub-menu .sub-menu li.menu-item-has-children>a:after, #desktop-main-menu .left-sub-menu .sub-menu li.menu-item-has-children>span:after {right:100%!important; left:0!important; content:"4"!important;}
	#desktop-main-menu .left-sub-menu .sub-menu .menu-item-has-children a, #desktop-main-menu .left-sub-menu .sub-menu .menu-item-has-children span {padding-right:0px!important; padding-left:22px!important;}
	#desktop-main-menu .left-sub-menu .sub-menu .sub-menu {
    	position: absolute;
    	right: 100% !important;
		left:initial!important;
	}
}
#menu-footer-menu li {padding: 4px 0 10px!important;}

/*** Footer Menu Current Page ***/
#menu-footer-menu .current-menu-item a {text-decoration:underline;}

/************************************
* Search button in the top bar *
************************************/
#search-text {position:absolute; right:25px;}
#et_top_search {margin-top:0px!important; margin-left:35px;}
@media only screen and ( max-width: 980px ) {
#et_top_search { display: none;}
}

/************************************
* Tooltip *
************************************/
[tooltip]{ position:relative;display:inline-block; line-height:1.4em;}
[tooltip]:hover {cursor:default;}
[tooltip]::after { content: attr(tooltip);position: absolute;left:50%;top:-6px;transform: translateX(-50%)   translateY(-100%);background: #333;text-align: center;color: #fff;padding:4px 2px;font-size: 12px;min-width: 200px;border-radius: 5px;pointer-events: none;padding: 4px 4px;z-index:99;opacity:0;}
[tooltip-position='right']::after{ left:100%;top:50%;margin-left:8px;transform: translateX(0%)   translateY(-50%);}
[tooltip]:hover::after,[tooltip]:hover::before { opacity:1}

@media only screen and (min-width:570px) and (max-width:810px) {
	[tooltip]:hover::after {transform: translateX(-50%) translateY(-100%); left:50%; margin-left:0px; top:0%;}
}
@media only screen and (max-width:569px) {
	[tooltip]:hover::after {transform: initial; left: initial; margin-left: initial; position:inherit; display:inline-flex;}
}

/************************************
* About Us Page *
************************************/
#team-mosaic .et_pb_module_header {font-size: 24px; text-align:center; margin-bottom:0px;}
#team-mosaic .et_pb_team_member_image {max-width:none!important;}
#team-mosaic .et_pb_member_position {text-align:center;}

/************************************
* Use these classes for SEO heading*
************************************/
.heading-as-paragraph { font-size: inherit!important;font-weight: inherit;line-height: inherit;text-align: inherit!important; color:inherit!important;}

/************************************
* Learn More for p tag*
************************************/
.et-learn-more p.heading-more { padding: 5px 0px;font-size: 16px;text-align: inherit;float: none;color: #032A59!important;text-decoration: underline;position: relative;margin: 0!important;cursor:pointer;}
.et-learn-more p.heading-more {background:transparent; }
.et-learn-more p.heading-more span.et_learnmore_arrow {display:none;}
.et-learn-more { border:0px; background:transparent; box-shadow: none; color:inherit!important;}
.et-learn-more .learn-more-content { padding: 5px 0px;clear: left;border:0px;} 

/************************************
* Reputation *
************************************/
#reputation{ background-color: #fff;padding: 20px;border-radius: 15px;max-height: 435px;overflow-y: scroll;}
.r4e-widget.reviews .review .summary .info { color: #000;}
.r4e-widget.reviews .pagination a { display: none;}

/************************************
* Pricing Tables *
************************************/
.et_pb_frequency_slash {display:none;}
.et_pb_pricing_title {font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; font-size: 42px; line-height: 1.4em;}
.tooltip {font-size:16px;}
@media only screen and (max-width:980px) {
	#pricing .et_pb_pricing_content_top {margin-top:0px!important; padding-bottom:0px!important;}
	#pricing .et_pb_pricing_content {margin-top:0px!important;}
	#pricing .et_pb_pricing_heading p {font-size:34px;}
	#pricing .et_pb_sum {font-size:40px!important;}
}

/************************************
* Gravity Forms *
************************************/
/*** BUTTON STYLING ***/
.gform_wrapper .gform_footer input.button {
    padding: 12px 30px!important;
    font-weight: 700!important;
    font-size: 14px;
    border-radius: 0px;
    letter-spacing: 4px;
    cursor: pointer;
    font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
    line-height: 1.7em;
    text-transform: uppercase;
	transition: ease all 200ms;
	background:transparent;
	color:#000!important;
}
.gform_wrapper .gform_footer input.button {
	border:4px solid; 
}

/*** FIELD STYLING ***/
.gform_wrapper input.text, .gform_wrapper input.title, .gform_wrapper input[type=email], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper select, .gform_wrapper textarea {color:#242424!important; font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif!important;}
.gform_wrapper select {padding:7px 8px!important;}
/*** Placeholder color ***/
.gform_fields .gfield input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #333;
}
.gform_fields .gfield input::-moz-placeholder { 
  /* Firefox 19+ */
  color: #333;
}
.gform_fields .gfield input:-ms-input-placeholder {
  /* IE 10+ */
  color: #333;
}
.gform_fields .gfield input:-moz-placeholder {
  /* Firefox 18- */
  color: #333;
}
.textarea::-webkit-input-placeholder { color:#333; }
.textarea:-moz-placeholder { opacity: 1; color:#333; } /* Firefox 18- */
.textarea::-moz-placeholder { opacity: 1; color:#333; } /* firefox 19+ */
.textarea:-ms-input-placeholder { color:#333; } /* ie */
.textarea input:-moz-placeholder { color:#333; }

/*** Dropdown field color ***/
.gform_wrapper select {
  color: #333!important;
}
/*** Dropdown options color ***/
.gform_wrapper select option{
  color: #333!important;
}

/*** Field Styling ***/
.ginput_container input, .ginput_container select, .ginput_container textarea {border-radius: 0px!important; padding: 15px 20px!important; font-size:14px!important;background-color: #fff; border: 0px;}

/************************************
* General Media Queries *
************************************/
@media only screen and ( min-width: 981px ) {
	[tooltip-position='right']::after{transform: translateX(-60%)   translateY(-120%);}
	body:not(.post-template-default) .et_pb_section_0 {padding-top:192px!important;} /*** This controls the amount of space for the menu ***/
	#menu-container {height:180.8px!important;}
	#menu-container #top-header {height:38px!important;}
	#menu-container #logo-container {height:92px!important;}
	.dead-link span {text-transform: uppercase; letter-spacing: 4px; }
	.sub-menu .dead-link span {padding:6px 20px;}
	#main-content .container:before {top:184px; height: calc(100% - 184px);}
	.sub-menu a {width: fit-content!important; text-wrap: nowrap;}
}

@media only screen and ( max-width: 980px ) {
	.dead-link span {font-weight:400!important;}
	body:not(.post-template-default) .et_pb_section_0 {padding-top:130px!important;} /*** This controls the amount of space for the menu ***/
	.footer .et_pb_row {display: flex; flex-direction: column-reverse; flex-wrap: wrap;}
	#et_top_search { display: none;}
	#top-header {display:none;}
	.mobile-reverse-columns .et_pb_row {display:flex; flex-direction:column-reverse;}
	#et-footer-nav {display:none;}
	.areas-list.et_pb_row_inner .et_pb_column {margin-bottom:0px!important;}
	.areas-list.et_pb_row_inner .et_pb_column .et_pb_text ul {padding-bottom:0!important; padding-left:0!important;}
	
	/***Remove animations from mobile devices***/
	.et_animated {
        opacity: 1 !important
    }
    .et_pb_section *, .et_animated {
        -o-transition-property: none!important;
        -moz-transition-property: none!important;
        -webkit-transition-property: none!important;
        transition-property: none!important;
        -o-transform: none!important;
        -moz-transform: none!important;
        -ms-transform: none!important;
        -webkit-transform: none!important;
        transform: none!important;
        -webkit-animation: none!important;
        -moz-animation: none!important;
        -o-animation: none!important;
        animation: none !important;
    }
	
	[tooltip]::after {min-width: 160px;}
	[tooltip-position='right']::after {left: 50%; top: 80%; margin-left: 8px; transform: translateX(-60%) translateY(0%);}
	.dropdown-container .et_pb_menu__menu {display:flex!important;}
	.dropdown-container .et_mobile_nav_menu {display:none;}
	.custom-dropdown .sub-menu li a {font-size:16px!important; margin-bottom:5px;}
	.custom-dropdown {padding:16.5px 24px 16.5px 28px!important;}
	.dead-link:not(.custom-dropdown) span {
	border-bottom: 1px solid rgba(0,0,0,.03);
    color: #333;
    padding: 10px 5%;
    display: block;
    font-size: 14px;
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
		text-transform: none!important;
		letter-spacing:0px!important;
	}
	.et_mobile_menu a {
    font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
	}
	.dead-link:not(.custom-dropdown) span:after {display:none;}
	.et_pb_menu .et_mobile_menu {
    top: 56px;
    padding: 3%;
	}
}
@media only screen and (min-width:670px) and (max-width:980px) {
	.areas-list.et_pb_row_inner {display:flex; flex-direction:row;}
	.areas-list.et_pb_row_inner .et_pb_column {width:33%!important;}
	#pricing-table .et_pb_pricing_table {min-width:75%; margin:auto; margin-bottom:35px;}
}
/************************************
* Fonts *
************************************/
 @font-face {font-display: swap;font-family: 'Rubik';font-style: normal;font-weight: 500;src: url('../onepartner-child-theme/fonts/rubik-v26-latin-500.woff2') format('woff2'), url('../onepartner-child-theme/fonts/rubik-v26-latin-500.woff') format('woff');}@font-face {font-display: swap;font-family: 'Rubik';font-style: normal;font-weight: 700;src: url('../onepartner-child-theme/fonts/rubik-v26-latin-700.woff2') format('woff2'), url('../onepartner-child-theme/fonts/rubik-v26-latin-700.woff') format('woff');}@font-face {font-display: swap;font-family: 'Open Sans';font-style: normal;font-weight: 500;src: url('../onepartner-child-theme/fonts/open-sans-v35-latin-500.woff2') format('woff2'), url('../onepartner-child-theme/fonts/open-sans-v35-latin-500.woff') format('woff');}@font-face {font-display: swap;font-family: 'Open Sans';font-style: italic;font-weight: 500;src: url('../onepartner-child-theme/fonts/open-sans-v35-latin-500italic.woff2') format('woff2'), url('../onepartner-child-theme/fonts/open-sans-v35-latin-500italic.woff') format('woff');}@font-face {font-display: swap;font-family: 'Open Sans';font-style: normal;font-weight: 600;src: url('../onepartner-child-theme/fonts/open-sans-v35-latin-600.woff2') format('woff2'), url('../onepartner-child-theme/fonts/open-sans-v35-latin-600.woff') format('woff');}@font-face {font-display: swap;font-family: 'Open Sans';font-style: normal;font-weight: 700;src: url('../onepartner-child-theme/fonts/open-sans-v35-latin-700.woff2') format('woff2'), url('../onepartner-child-theme/fonts/open-sans-v35-latin-700.woff') format('woff');}