/*!
Theme Name: Ariane Chenier-Gauthier
Theme URI: http://marketingwebsites.ca
Author: George Boursiquot
Author URI: http://marketingwebsites.ca
Description: Custom theme developed for Ariane Chenier-Gauthier Residential Real Estate Broker
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: clemira
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Clemira is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
    --------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*#downpercentage, #downlump, #years, #months {
    position: absolute;
    width: 16px !important;
    left: 50%;
    transform: translate(-50%);
    }*/
    body{
        font-family: 'Roboto', sans-serif;
    }

    .list-inline.left ul, ul.list-inline.right.language{
        margin-top: 7px;
    }

    .form-control{
        border-color: #e0e0e0 !important;
    }

    .video-section{
        padding: 35px 0 40px 0;
    }

    .video-section video{
        box-shadow: 9px 7px 3px 0px #000000;
        /*height: 395px;
        width: 700px;*/
        width: 100%;
        height: auto;
        object-fit:cover;

    }

    .agent-img{
        text-align: center;
    }

    .text-agent.title{
        /*padding: 20px 0;*/
        color: #222222;
        font-family: "Open Sans", sans-serif;
        margin: 0;
    }

    .text-agent.title h2:before{
        display: block;
        content: "";
        position: relative;
        top: 20px;
        left: 335px;
        background-color: #269bd6;
        width: 65px;
        height: 3px;
    }

    .agent-img h3{
        color: #269bd6;
        margin-bottom: 35px;
    }

    @media only screen and (max-width: 991px){
        .wrap-agent-home .agent-img{
            width: 50%;
            left: 50%;
            margin-top: 20px;
            transform: translateX(-50%);
            background-position: top;
        }

    }


@media only screen and (max-width : 768px) {
    .agent-img h2::before {
        display: none;
    }

    .text-agent.title h2:before {
        display: none;
    }

    .wrap-agent-home .profile-desc p {
        text-align: center;
    }
    #slider-logo{
        max-width: 200px;
    }
    .home_slides .carousel.slide .carousel-inner .item .carousel-caption h1{
        font-size: 20px;
    }
    .home_slides .carousel.slide .carousel-inner .item .carousel-caption p{
        font-size: 13px;
    }
    .wrap-agent-home .agent-profile .agent-profile-catagory{
        text-align: center;
    }
}

    #logo{
        object-fit: contain;
        height: 75px;
        transition: all 0.4s ease 0s;
        margin-right: 60px;
    }
    .wrap-sticky nav.navbar.bootsnav.sticked #logo{
        /*width: 113px;
        float: left;*/
    }
    .ballon{
        object-fit: contain;
        width: 62px;
    }

    #footer .logo{
        width: 100px;
        padding: 0 10px;
    }
    #footer .logo-alliance{
        height: 100px;
    }

    .row{
        display: flex;
        flex-wrap: wrap;
    }

    #footer .agency-info {
        font-size: 15px;
        line-height: 1.2;
        margin-top: 20px;
        font-style: normal;
    }

    .agency-info{
        color: #bdbdbd;
    }
    .profile-agent input,.profile-agent  textarea{
       border-color: #e0e0e0;
       width: 90%;
       margin: auto;
   }
   .profile-agent hr{
    width: 90%;
    margin: 30px  auto;
}

   div.carousel-caption{
       /*padding: 0 370px;*/
       text-align: left;
   }

@media (max-width: 1025px) and (min-width: 769px){
    .navbar-brand img {
       /*max-width: 80%;*/
        max-width: 100%;
    }
    nav.navbar.bootsnav ul.nav > li > a {
        padding: 30px 7px;
    }
    .about-us .profile-img img{
        top: 15px;
    }
    .home_slides .carousel.slide .carousel-inner .item .carousel-caption {
        top:50%;
        padding: 0 22px;
    }
    #logo {
        object-fit: contain;
        width: 119px;
        transition: all 0.4s ease 0s;
    }
    .navbar-nav{
        padding-left: 45px !important;
    }
    .wrap-agent-home .agent-img{
        margin-top: 0;
    }

}

@media (max-width: 767px){
    
}

#switch-left, #switch-right{
    position: absolute;
    top: 50%;
    z-index: 498;
}
#switch-right{
    left: 100%;
}
.images{
    width: 100% !important;
    height: 250px !important;

}
ul.sub-menu{
	display:none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

ul.sub-menu>li>a{
	display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
li.menu-item-has-children:hover ul.sub-menu{
	display:block;

}
input.search-field {
    background-color: transparent;
    border: none;
    -o-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    color: #fff;
    height: 40px;
    padding: 0 15px;
    font-size: 14px;
}
span.screen-reader-text {
    display: none;
}
input.search-submit {
    display: none;
}
.input-group label {
    width: 100%;
}
input.search-field{
	width:100%;
	outline:0;
}

.sidebar-blog input[type="search"] {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 3px;
    height: 45px;
    border:1px solid #dbe1e8;
    font-size:13px;
    color:#000;
    font-weight:normal;
}

.sidebar-blog label {
	width:100%;
}

.sidebar-blog input[type="submit"] {
    font-size: 20px;
    height: auto;
    position: absolute;
    right: 10px;
    top: 0px;
    width: 30px;
    z-index: 3;
    outline: transparent;
    background: transparent;
}

.tagcloud a {
    text-transform: capitalize;
    cursor: pointer;
    float: left;
    position: relative;
    font-size: 12px;
    margin: 4px 3px 4px 0px;
    padding: 8px 12px;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    font-weight: 700;
    border-radius: 3px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.tagcloud a:hover {
    background: var(--main-color);
    color: #fff;
}

.post-thumbnail .wp-post-image {
	width: 100%;
    height: auto;
    margin:0;
}

.breadcrumbs li a[typeof="WebPage"].post {
	display:none;
}

.about-us ol li {
	font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size:17px;
    line-height:30px;
    color: #454646;
}
.navbar-nav{
    text-transform: uppercase;
    /*position: absolute;
    right: 12%;*/
}
nav.navbar.navbar-default ul.nav>li.menu-item-has-children>a:after {
	font-family: 'FontAwesome';
    content: "\f0d7";
    margin-left: 5px;
    margin-top: 2px;
}

ul.sub-menu {
    -o-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    border-radius: 0px;
    padding: 0;
    width: auto;
    background: #fff;
    border-top: solid 5px;
    /*border-color:var(--main-color);*/
    border-color: #269bd6;
    top:98%;
}

ul.sub-menu li a {
	padding: 10px 15px;
    border-bottom: solid 1px #eee;
    color: #6f6f6f;
}

ul.sub-menu li:hover a {
	/*color:var(--main-color);*/
    color: #269bd6;
}

.profile-agent.hovercard .avatar img {
	border:0 !important;
}

.profile-agent.hovercard .avatar {
	display:inline-block;
}

.top-header .wrap-top-information ul li {
    padding: 10px 0px;
}

.blog-post-detail ul li {
	font-family:'Montserrat', sans-serif;
}

.breadcrumb-area h4 {
	font-size:36px;
    position: relative;
    top: 50%;
    left: 50%;
    /*transform: translate(-50%, 50%) !important;*/
    transform: translate(-50%, 20%) !important;
}

nav.navbar ul.nav > li.current-menu-item > a {
	/*color:var(--main-color);*/
    color: #269bd6;
}

#navbar-menu{
    float: right;
}

@media (min-width: 768px) {
    .navbar-nav {
        padding: 0 !important;
    }
}

@media only screen and (max-width : 480px) {

    ul.sub-menu {
        top: -260%;
        left: 20%
    }

}

@media only screen and (max-width: 992px) {
    nav .container{
        display: block !important;
    }

    .breadcrumb-area h4 {
        transform: translate(-50%, -20%) !important;
    }
    .property-title small{
        display: block;
    }
    .property-title{
        margin-bottom: 0;
    }
    .text-center-xsu{
        text-align: center;
    }
}
@media only screen and (min-width: 992px) {
    .float-r{
        float: right;
    }
    .align-center {
        display: flex;
        align-items: center;
    }

}
.grecaptcha-badge{
    display: none;
}

.top-header .wrap-top-information ul.social-circle li a i.fa{
    margin-right: 0;
}

.top-header .wrap-top-information ul li a:hover i.fa-facebook, .top-header .wrap-top-information ul li a:hover i.fa-instagram{
    color: #fff;
}

.about-us ul li{
    font-size: 17px;
    line-height: 30px;
}

.footer-cta{
    padding: 0 20px;
}


@media (max-width: 768px){
    #bs-p {
        padding: 200px 0 100px 10px !important;
    }
}
@media (min-width: 768px){
    #bs-p {
        padding: 200px 0 200px 0 !important;
    }
}

@media (min-width: 1400px){
    #bs-p {
        padding: 410px 0 400px 0 !important;
    }
}

@media only screen and (min-width: 768px) {
    .text-call-us {
        white-space: nowrap;
    }
}

#footer ul {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e1eaec;
    padding: 25px 0;
}

#footer ul li {
    list-style: none;
    display: inline-block;
    padding: 5px 15px;
}

#footer ul li a {
    text-decoration: none;
    text-transform: uppercase;
    color: #f3f3f3;
    font-size: 15px;
}

#footer ul.social {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e1eaec;
    padding: 48px 0;
    margin: 0;
}

#footer ul.social li {
    list-style: none;
    display: inline-block;
    padding: 0 60px;
}

#footer ul li .fa {
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #1a171b;
    border-radius: 100%;
    background: #fff;
    margin-right: 5px;
    text-align: center;
}

#footer p {
    color: #f3f3f3;
    font-size: 14px;
    padding: 0;
}

#footer p a:hover {
    color: #269bd6;
}

#footer p img {
    margin-right: 20px;
}

#footer ul.social li a:hover {
    color: #f3f3f3;
    opacity: .5;
}

#footer ul li a:hover {
    color: #269bd6;
}

#inner-page-title{
    margin: 80px 0 !important;
    color: #fff !important;
    font-size: 70px !important;
}

.wrap-agent-home .info a i.fa{
    transition: all 0.4s ease 0s;
}

.wrap-agent-home .info a:hover i.fa{
    color: #fff;
    background: #333;
}

.rh .popover .popover-title, #payment-calc .go, #payment-calc .get-details, #payment-calc .calc-tip-top, #payment-calc .calc-tip-bottom, #payment-calc .calc-tip-middle, .rh-rate-selector table.rate-display td:first-child+td+td a{
    background: #000 !important;
}
#payment-calc .rh-calc-main .rate-selector{
    color: #000 !important;
}

#payment-calc .calc-tip-wrapper .active:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    right: auto;
    top: 17px;
    bottom: auto;
    border: 12px solid;
    /*border-color: var(--theme-main) var(--theme-main) transparent transparent;*/
    border-color: #000 #000 transparent transparent;
}
#payment-calc .calc-tip-nib{
    background: transparent !important;
}

.about-us h3{
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

.pb-5, .py-5 {
    padding-bottom: 3rem!important;
}

.pt-5, .py-5 {
    padding-top: 3rem!important;
}

.navbar-brand{
    display: flex;
}

@media (max-width: 768px) {
    .cheff-header{
        display: none !important;
    }
}

.cheff-header{
    height: 55px;
    margin-top: 5px;
}

.navbar-brand{
    margin-left: 0 !important;
}

@media screen and (max-width: 768px) {
    #inner-page-title{
        font-size: 30px !important;
    }
}

.wrap-agent-home{
    padding-top: 30px;
}