/* 
 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 *
************************************/

.et-pb-icon {
    color:#304E97!important; /**** Primary Color - Icons****/
}
#pricing .et-pb-icon {
  color:#F7941C!important; /**** Pricing table icons ****/
}
.et_pb_toggle_title:before {
  color:#F7941C!important; /**** Toggle Icons****/
}
.primary-background:not(.et_pb_pricing), #top-header, .primary-background .et_pb_slide .et_pb_slide_overlay_container, #pricing tbody tr td:nth-of-type(2) {
    background-color: #304E97!important; /**** Primary backgrounds ****/
}
.et_pb_button.primary-background, .primary-background .et_pb_pricing_table_button, .et_pb_social_media_follow.primary-background a.icon {
    background-color: #F7941C!important; /**** Button backgrounds ****/
}
.primary-image-background:before {
  background-image: linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.95) 100%)!important; /**** Gradient overlay for image backgrounds ****/
}
.secondary-background, .gform_wrapper .gform_footer button[type=submit], .et_pb_post_slider.primary-background .et_pb_more_button {
    background-color:#F7941C!important; /**** Secondary Background, gravity form submit button ****/
}
.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, .et_pb_sum, .custom-dropdown .sub-menu li>a, .et_pb_bg_layout_light.et_pb_number_counter .percent p .percent-value, .et_pb_bg_layout_light .et_pb_post p, .et_pb_bg_layout_light .et_pb_post .post-meta a, #pricing tbody tr td, #pricing tbody tr th {
    color:#212121!important; /**** Text color on light backgrounds ****/
}
.et_pb_bg_layout_dark, .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, .et_pb_bg_layout_dark.et_pb_number_counter .percent p .percent-value, #pricing .primary-background h3, #pricing tbody tr td:nth-of-type(2) {
    color:#fff!important; /**** Text color on dark backgrounds ****/
}
.pc-toggle .et_pb_toggle_close .et_pb_toggle_title, .pc-toggle .et_pb_toggle_open .et_pb_toggle_title, .pc-toggle .et_pb_toggle_content {
  color:#fff!important; /**** Toggle text color on primary backgrounds ****/
}
.et_pb_toggle_close .et_pb_toggle_title, .et_pb_toggle_open .et_pb_toggle_title, .et_pb_toggle_content {
  color:#212121!important; /**** Toggle text color on all other backgrounds ****/
}
.et_button_no_icon .et_pb_button.primary-background, .et_button_no_icon .et_pb_button.primary-background:hover {
    color:#212121!important; /**** Button & pricing text color on primary background ****/
}
.et_pb_button.secondary-background, .gform_wrapper .gform_footer button[type=submit], #pricing .secondary-background h3, .et_pb_post_slider.primary-background .et_pb_more_button, .custom-dropdown>span {
  color:#212121!important; /**** Button text color on secondary background ****/
}
#menu-main-menu>li a, #menu-main-menu>li span {
  color:#212121!important; /**** Menu text color ****/
}

/************************************
* Buttons *
************************************/
.et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover, .custom-dropdown {padding:20px 30px!important; font-weight:700!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;
}

.et_pb_social_media_follow.primary-background {background-color:transparent!important;}
.dead-link>a:hover, .dead-link>span:hover {cursor: default;}
#top-menu .left-sub-menu .sub-menu {right:0; text-align:right;}
.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;
}
.secondary-image-background:before {
    content:'';
    width:100%;
    height:100%;
    top:0;
    right:0;
    position:absolute;
}
.testimonial {font-size:26px; font-weight:700; line-height:1.3em;}
.footer-heading {font-weight: 700; font-size: 20px;}
#menu-footer-menu .current-menu-item a {text-decoration:underline;}
.name {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4em;
    padding-bottom: 0;
}

/**** Custom dropdown menu - I'm Looking For ****/
.custom-dropdown {margin-top:0px!important;}
.custom-dropdown>span {
    padding-bottom:0px!important;
    font-size:15px;
    text-transform:uppercase; 
    letter-spacing:2px;
    font-family: 'SCTO Grotesk Regular',Helvetica,Arial,Lucida,sans-serif;
    line-height:1.7em!important;
}
.dropdown-container {width:auto!important; display:inline-block; border-radius:10px;}
.dropdown-container .et-menu {margin-left:0px!important; margin-right:0px!important;}
.custom-dropdown .sub-menu {
    left:20px!important; 
    border-radius: 0px 10px;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    width: initial!important;
    padding:10px 0 14px!important;
}
.custom-dropdown .sub-menu li a {width:fit-content!important; padding:6px 2px 3px!important;}
@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 ****/

/*** 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);}

/**** End YouTube video embed styling ****/

/**** Hide reputation widget sort & pagination features ****/
.r4e-widget.reviews2 .sort-container {display:none;}
.r4e-widget .pagination {display:none;}
.r4e-widget .aggregate {display:none;}
.r4e-widget.reviews2 hr {margin-top:10px!important;}

/************************************
* Menu *
************************************/

.et-fixed-header #et-top-navigation {padding-bottom:20px!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;}
.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;}
#et-top-navigation nav>ul>li>a, #top-menu .dead-link 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;}
#top-menu li li a, #top-menu li li span {padding:0 5px 3px!important; width:auto; white-space:nowrap;}
.nav ul li a:hover {background-color:transparent!important;}
.mobile_menu_bar:before {color:#333!important;}
.et_mobile_menu {border-top-color:#333!important;}
#mobile_menu {width:50%; right:0; min-width:250px; left:initial;}
.nav li ul {width:auto!important;}
#menu-main-menu>li a, #menu-main-menu>li span {font-size:17px!important; font-weight:700;}

@media only screen and (min-width:981px) {
    body:not(.logged-in) #main-header {}
    .logged-in #main-header {}
    #page-container {}
    .sub-menu li.menu-item-has-children>a:after, .sub-menu li.menu-item-has-children>span:after {top:0!important; right:0!important; content: "5"!important;}
    .sub-menu .sub-menu {
        position: absolute;
        left: 100% !important;
        right: initial !important;
    }
    #top-menu .sub-menu .menu-item-has-children>a, #top-menu .sub-menu .menu-item-has-children>span {padding-right:22px!important;}
    #top-menu .left-sub-menu .sub-menu li.menu-item-has-children>a:after, #top-menu .left-sub-menu .sub-menu li.menu-item-has-children>span:after {right:100%!important; left:0!important; content:"4"!important;}
    #top-menu .left-sub-menu .sub-menu .menu-item-has-children>a, #top-menu .left-sub-menu .sub-menu .menu-item-has-children>span {padding-right:0px!important; padding-left:22px!important;}
    #top-menu .left-sub-menu .sub-menu .sub-menu {
        position: absolute;
        right: 100% !important;
        left:initial!important;
    }
    #main-menu .et_pb_menu__menu {margin-right:0; margin-left:auto;}
}
@media only screen and (max-width:980px) {
    .sub-menu .menu-item a:before, .sub-menu .menu-item span:before {
        content: '\2937';
        position: relative;
        margin-right: 5px;
    }
    .menu-item-has-children>span, .menu-item-has-children>a {font-weight:700;}
    body:not(.logged-in) #main-header {}
    .logged-in #main-header {}
    #page-container {}
    .et_mobile_menu .menu-item-has-children>a {background-color:#fff;}
    #mobile_menu1 {max-height:70vh; overflow-y:auto; border-radius:10px;right: 0;min-width: 265px;left: auto;}
}

/*** Footer Menu Current Page ***/
.bottom-nav li.current-menu-item>a {text-decoration:underline;}

/************************************
* 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;}
}


/************************************
* Pricing Tables *
************************************/
.tooltip {font-size:16px;}
.et_pb_frequency_slash {display:none;}
.et_pb_pricing_heading {border-radius:10px;}
.pricing-x {font-size:44px;}
.pricing-check {font-size:32px;}

table#pricing {border:none; table-layout:auto;}

#pricing {
    padding-bottom: 50px;
}

#pricing table {
    margin: 50px auto 130px;
}

#pricing thead {
}

#pricing thead th {
    font-size: 16px;
    color: #000000;
    padding: 25px 15px;
    text-align: center;
    min-width: 321px;
    vertical-align: middle;
    font-weight: 400;
    font-family: 'SCTO Grotesk Regular', Helvetica, Arial, Lucida, sans-serif;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
}

#pricing thead th h3 {
    display: block;
    font-size: 28px;
    line-height: .95em;
    margin: 0;
}

#pricing thead th p {
    margin: 0;
}

#pricing thead th:nth-child(1) {
    min-width: 290px;
}


#pricing tbody {
    box-shadow: 0px 33px 79px 0px rgba(0, 0, 0, 0.08);
}

#pricing tbody th {
    position: relative;
    font-size: 16px;
    text-align: left;
    padding: 12px 15px 12px 35px;
    font-weight: 300;
}

#pricing tbody th small {
    display: block;
}

#pricing tbody td {
    font-size: 16px;
    padding: 12px 15px;
    text-align: center;
    font-weight: 300;
    height: 52px;
    vertical-align: middle;
    overflow: auto;
}

#pricing tbody td i {
    font-size: 30px;
}

@media (max-width: 1400px) {
    #pricing thead th {
        min-width: unset!important;
        width: 25%;
    }

    #pricing thead th h3 {
        font-size: 25px;
    }
}

@media (max-width: 991px) {
    .tooltip {font-size:18px;}
    #pricing, #pricing thead, #pricing tbody, #pricing th, #pricing td, #pricing tr {
        display: block;
        border: 0!important;
    }

    #pricing thead tr {
        display: flex;
    }

    #pricing thead tr th:first-child {
        display: none;
    }

    #pricing thead tr th {
        flex: 1 1 33.33%;
        min-width: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 25px 5px;
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
    }

    #pricing thead th h3 {
        font-size: 18px;
    }

    #pricing tbody {
        border: 0;
    }
    
    #pricing tbody tr {
        border:2px solid #121212!important;
        display: flex;
        flex-wrap: wrap;
    }
    
    #pricing tbody tr:not(:last-of-type) {
        border-bottom: 0!important;
    }
    
    #pricing tbody th {
        background: #f7f7f7;
        font-weight: 700;
        color: #000;
        font-size: 18px;
    }

    #pricing tbody td {
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 16px;
        overflow: visible;
        padding: 15px 8px;
        height: auto;
    }

    #pricing tbody td::before {
        text-align: left;
        min-width: 50%;
        font-size: 15px;
    }

    #pricing tbody td:first-child {
        font-size: 20px;
        font-weight: 500;
        padding: 15px 8px;
        margin: 30px 0 0;
        text-align: center;
        justify-content: center;
        background: #fff;
    }
    
    #pricing tbody td:nth-of-type(odd) {
        background:#f7f7f7;
    }

    #pricing tbody td.not-included::after, #pricing tbody .footer td .btn {
        margin: 0;
    }

    #pricing tbody td {
        flex: 1 1 33.33%;
        margin: 0;
        border: 1px solid #ccc!important;
    }

    #pricing tbody td:first-child {
        flex: 1 0 100%;
        margin: 0;
    }

    #pricing tbody th {
        text-align: center;
        flex: 1 1 100%;
        padding: 15px 8px;
    }

    #pricing tbody .table-footer td:first-child {
        display: none;
    }
    
    #pricing tbody {overflow:hidden;}
}

@media (max-width: 475px) {
    #pricing tbody td:first-child, #pricing tbody th small, #pricing tbody td small {
        font-size: 18px;
    }

    #pricing tbody td, #pricing thead tr th {
        font-size: 14px;
        line-height: 1.1;
    }

    #pricing tbody .table-footer td:not(:last-child) {
        display: none;
    }

    #pricing thead th h3 {
        font-size: 16px;
        overflow-wrap: break-word;
    }

    #pricing thead th h4 {
        font-size: 12px;
    }

    #pricing thead th br {
        display: none;
    }
}


/************************************
* 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: 635px;overflow-y: scroll;}
.r4e-widget.reviews .review .summary .info { color: #000;}
.r4e-widget.reviews .pagination a { display: none;}

/************************************
* Gravity Forms *
************************************/
/*** BUTTON STYLING ***/
.gform_wrapper .gform_footer button[type=submit] {
    padding: 20px 30px !important;
    font-weight: 700 !important;
    font-size: 15px;
    border-radius: 10px;
    letter-spacing: 2px;
    cursor: pointer;
    font-family: 'SCTO Grotesk Regular', Helvetica, Arial, Lucida, sans-serif;
    line-height: 1.7em;
    text-transform: uppercase;
    border:none;
}
/*.et_pb_bg_layout_light .gform_wrapper .gform_footer button[type=submit] {
    border:none; /*** No border needed on plain background ***
}
.et_pb_bg_layout_dark .gform_wrapper .gform_footer button[type=submit] {
    border:2px solid #333; /*** Add a border on color background ***
}*/
/*** 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:#333!important; font-family: 'SCTO Grotesk Regular', Helvetica, Arial, Lucida, sans-serif;}
.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: 10px!important;
    padding: 12px 20px!important; 
    font-size:inherit!important;
}
.gfield_select {min-height:52px!important;}


/************************************
* 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:169px!important;}
    .post-template-default #main-content .container, .category #main-content .container, .author #main-content .container {padding-top:199px!important;}
    #main-content .container:before {
        top: 169px;
        height: calc(100% - 169px);
    }
	.secondary-image-background:before {
		background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.75) 100%)!important;
	}
}

@media only screen and ( max-width: 980px ) {
    body:not(.post-template-default) .et_pb_section_0 {padding-top:135px!important;}
    .post-template-default #main-content .container, .category #main-content .container, .author #main-content .container {padding-top:165px!important;}
    #et_top_search { display: none;}
    
    /***Remove animations from mobile devices***/
    .et_animated {
        opacity: 1 !important
    }
    body:not(.page-id-92) .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;}
    .dead-link:not(.custom-dropdown) span {
    border-bottom: 1px solid rgba(0,0,0,.03);
    color: #333;
    padding: 10px 5%;
    display: block;
    font-size: 17px;
    -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;
    }
    .dead-link:not(.custom-dropdown) span:after {display:none;}
	.secondary-image-background:before {
		background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 15%, rgba(0, 0, 0, 0.6) 15%, rgba(0, 0, 0, 0.75) 100%)!important;
	}
}
/************************************
* Fonts *
************************************/