/* ############################################## */
/* Custom styles */
@font-face {
  font-family: 'Gordita_medium';
  src: url("../../uploads/2021/03/Gordita-Medium.otf") format("otf");
}
@font-face {
  font-family: 'Gordita_regular';
  src: url("../../uploads/2021/03/Gordita-Regular.otf") format("otf");
}
@font-face {
  font-family: 'GT_Sectra_medium';
  src: url("../../uploads/2021/03/GTSectra-Medium.ttf") format("ttf");
}

body{
    background-color: #fafafa;
    color: #36499B;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    color: #24292e;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 15px;
}
.page header#masthead {
    box-shadow: none;
    position: absolute;
    width: 100%;
    background-color: transparent;
    z-index: 9;
}
#masthead nav {
    padding-top: 2em!important;
}
.navbar-brand img {
    width: 223px;
}
.navbar-brand > a {
    z-index: 1500;
    position: relative;
}
#page .nav-wrapper #mega-menu-wrap-primary #mega-menu-primary  .mega-cta a{
    font-size: 1.27em;
    /* padding: 0.7em 1.3em 1.7em 1.3em; */
    margin-left: 2em;
    display: flex;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 9px 0px 8px;
    outline: none;
    font-family: 'Gordita_regular';
    font-weight: 300;
    font-size: 1.2em;
    letter-spacing: 0px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1920px;
    max-width: 1440px;
}
section.content-area {
    padding: 5em 0;
}
section.gallery {
    margin-bottom: 0em;
    padding: 0;
}
h1.heading{
    font-family: GT_Sectra_medium;
    font-size: 3.125em;
    font-weight: 500;
    color: #36499B;
    line-height: 1.10em;
    letter-spacing: -0.5px;
}
h2.heading{
    font-family: GT_Sectra_medium;
    font-size: 2.5em;
    font-weight: 500;
    color: #36499B;
    line-height: 1.10em;
    /*letter-spacing: 4px;*/
}
/*h2.tagline{
    font-family: GT_Sectra_medium;
    font-weight: 500;
    color: #E8D4C3;
    font-size: 2em;
    line-height: 1.10em;
    letter-spacing: 4px;
    }*/
    h2.subtitle, h2.tagline{
        font-family: Gordita_medium;
        font-size: 1.25em;
        font-weight: 500;
        color: #36499B;
        letter-spacing: 0px;
        text-transform: uppercase;
    }
    p{
      font-family: Gordita_regular;
      font-size: 1em;
      color: #36499B;
      letter-spacing: 0px;
      line-height: 1.75;
  }
  
.white #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
	color: #FFFFFF;
}

.blue #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
	color: #091f41;
}

  .pre-footer .logo {
    width: 140px;
}
.pre-footer h1.heading {
    color: #e8d4c3;
    font-size: 3.125em;
    margin-top: 48px;
    line-height: 1.025;
}
.pre-footer p.copy {
    color: #e8d4c3;
    line-height: 1.7;
}

footer p, footer a{
  color: #e8d4c3;
}
footer ul#menu-footer-nav {
    list-style-type: none;
    display: inline-block;
    float: left;
    margin-right: 7em;
    padding-left: 0;
}
footer #menu-footer-nav li {
    float: left;
    padding-right: 1em;
}
footer #menu-footer-nav a{
  font-family: Gordita_regular;
  font-size: 1.25em;
  color: #e8d4c3;
}
footer .ftext {
    padding-top: 2.5em;
}
footer .partner-logo {
    padding-top: 2em;
}
footer .site-info {
    padding: 0 2em;
}
div#hero-banner {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    padding-top: 8em;
}

.blue_hero #hero-banner .row{
	border-top: solid 1px rgba(9, 31, 65, 0.5);
}

.white_hero #hero-banner .row{
	border-top: solid 1px rgba(255, 255, 255, 0.5);
}

.blue_hero #hero-banner .heading{
	color: #091F41;
}

.white_hero #hero-banner .heading{
	color: #FFFFFF;
}

#hero-banner .hero_icon{
	max-width: 20vw;
}


.hero. h1.heading, .hero p{
  color: #fff;
}
.hero h1.heading {
    margin-bottom: 0.65em;
    font-size: 3.125em;
}
.hero.blue_hero h2.tagline {
    color: #091F41;
}

.hero h2.bottom-heading {
    position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
	
	font-size: 3em;
	color: #FFF;
	letter-spacing: 0.5em;
}

@media only screen and (max-width: 992px) {
	#hero-banner .white-bg-mobile{
		background-color: rgba(255, 255, 255, 0.5);
	}
	.hero h2.bottom-heading {
		position: absolute;
		bottom: 0px;
		width: 100%;
		text-align: center;
		
		font-size: 2em;
		color: #FFF;
		letter-spacing: 0.2em;
	}
}

.hero p {
    padding: 0 1em;
    letter-spacing: 0.23px;
    line-height: 1.45em;
}
.hero_icon {
    padding-bottom: 3em;
}
.hero-cta {
    margin-top: 4em;
}

.cta{
  margin-top: 1em;
}
.cta button, .cta a, #page #mega-menu-wrap-primary #mega-menu-primary .mega-cta a, input[type=submit] {
    background-color: #425CC7;
    text-decoration: none;
    -webkit-appearance: none;
    background: #425CC7;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0.9em 1.3em 0.9em 1.3em;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.125em;
    line-height: 1;
    letter-spacing: 1.0px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.cta button:hover, .cta a:hover, #page #mega-menu-wrap-primary #mega-menu-primary .mega-cta a:hover, input[type=submit]:hover {
    text-decoration: underline;
    background-color: #36499b;
    border-color: #425cc7;
}


section.about {
    background-color: #001E43;
    padding: 0;
}
section.about h1.heading, section.about h2.subtitle, section.about p.copy, section.about h2.tagline {
    color: #e8d4c3;
}
.kt_about_logo {
    margin-bottom: 3em;
}
section.about .logo {
    width: 180px;
}
/* homepage */
@media only screen and (min-width: 900px){
    .gallery .slick-active .slider_spacer {
        margin-right: 40px;
        margin-left: 0;
    }
    .gallery .slick-active + .slick-active .slider_spacer {
        margin-left: 40px;
        margin-right: 0;
    }   
	.slider_spacer {
		margin-left: 20px;
		margin-right: 20px;
	}
}


[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    outline: none;
}
.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%; 
    bottom: -100px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

.slick-prev, .slick-prev:hover {
    border: none;
    background-color: transparent;
    background-image: url(../images/left-arrow.svg) !important; 
    background-size: contain;
    left: 60px;
    height: 60px;
    width: 50px;
    background-repeat: no-repeat;
    z-index: 99;
    outline: none;
}



.slick-next, .slick-next:hover {
    border: none;
    background-color: transparent;
    background-image: url(../images/right-arrow.svg) !important;
    background-size: contain;
    right: 60px;
    height: 60px;
    width: 50px;
    background-repeat: no-repeat;
    z-index: 99;
    outline: none;
}


.about h1.heading {
    font-size: 1.75em;
}
.kingcity.about h1.heading {
    font-size: 3.125em;
}
.areas .areasimg, .aboutimg, .members .teamimg{
    width: 100%;
}
.areas .col-lg-5 {
    padding-right: 3em;
    padding-left: 3em;
}

/* amenities page */
.page-template-kt-amenities section.slider {
    padding-top: 0;
}
.page-template-kt-amenities section.areas {
    padding-bottom: 0;
}
.slider  .slick-initialized .slick-slide {
    position: relative;
}
.slider_wrapper img{
    width: 100%;
}
@media only screen and (min-width: 900px){
    .slider .slider-overlay {
        position: absolute;
        bottom: 12px;
        left: 26px;
        display: block;
        width: 41%;

    }
    .slider p.copy, .slider h2.subtitle{
        color: #fff;
    }
}
.contact-page input#gform_submit_button_1 {
    margin: auto;
    display: block;
    margin-bottom: 3em;
}
.contact-page h1.heading {
    font-family: GT_Sectra_medium;
    font-size: 4em;
    font-weight: 500;
    color: #E8D4C3;
    padding-top: 2.5em;
    padding-bottom: 3em;
    max-width: 7em;
    margin: auto;
}
.contact-page .gform_wrapper ul li.frm-col {
    width: 100%;
    float: left;
    clear: none;
    min-height: 44px;
}
nav.navbar p.cta {
    right: 0;
    position: relative;
}
.hero_partner {
    float: right;
    margin-top: 118px;
}
section.hero {
    padding-bottom: 0px;
    padding-top: 0em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 60em;       
}

section.hero .site-main {
	min-height: 60em;   
}
section.video {
    padding-bottom: 3.5em;
    padding-top: 0em;
}


/*.about h2.subtitle {
    margin-top: 2.5em;
        margin-bottom: 2em;
        }*/
        .about p {
            max-width: 23em;
            line-height: 1.7em;
            margin-bottom: 2.5em;
            letter-spacing: 0.2px;
        }


        section.neighbourhood .container {
            padding: 0;
        }
        section.neighbourhood .row {
            margin-right: 0px;
            margin-left: 0px;
        }
        section.neighbourhood {
            background-color: #001E43;
            padding: 0;
        }
        section.neighbourhood .n-copy {
            padding: 5em 0;
            margin-left: 6.666667%;
        }
        .neighbourhood h1.heading, .neighbourhood h2.subtitle, .neighbourhood p{
          color: #E8D4C3;
      }
      .neighbourhood p{
        max-width: 23em;
    }
    .neighbourhood h1.heading{
        max-width: 5em;
    }
    img.partner_logo {
        margin-top: 5em;
        margin-bottom: 3em;
    }
    section.partner {
        padding-bottom: 0em;
    }
    header#masthead {
        padding: 0rem 0rem;
    }
    .contact-bg{
      background-color: #001E43;
  }
  .contact-white{
    background-color: #fff;
}
.gform_wrapper {
    padding: 0 0.5em;
}
.contact-page .gform_wrapper .gfield_checkbox li label, .contact-page .gform_wrapper .gfield_radio li label {
    font-size: .75em;
}
.contact-page .gform_wrapper .gfield_required {
    color: #425CC7;
    margin-left: 4px;
}
@media screen and (min-width: 48em){
    .contact-page .gform_wrapper ul li.frm-col {
        width: 50%;
        float: left;
        clear: none;
        min-height: 44px;
    }
    .gform_wrapper {
        padding: 0 3em;
    }
    .about h1.heading{
       max-width: 13em;
       padding-bottom: 0.7em; 
   }
}

@media (min-width: 992px){
/*.about h2.subtitle {
    margin-top: 8.5em;
        margin-bottom: 2em;
        }*/
        .contact-white{
            padding: 0 0em 0 3em;
        }
    }

    .contact-page .gform_wrapper .top_label input.medium, .contact-page .gform_wrapper .top_label select.medium {
        width: calc(100% - 8px);
        border: solid 1px #425CC7;
        height: 46px;
        color: #425CC7;
        outline: none;
    }
    .contact-page .gform_wrapper input[type=checkbox] {
        -moz-appearance: none;
        -webkit-appearance: none;
        -o-appearance: none;
        border: solid 1px #425CC7;
        background-color: #fff;
        outline: none;
        width: 24px!important;
        height: 24px;
        margin-right: 0.5em;
    }
    
    .contact-page input[type=checkbox]:checked {
        background-color: #425CC7;
        background-image: url(inc/assets/images/check.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 1.3em !important;
    }
    .gchoice_select_all, .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
        font-weight: 400!important;
    }
    .contact-page ::placeholder {

        color: #425CC7;
    }

    .contact-page .frm-intro {
        max-width: 26em;
        text-transform: uppercase;
        text-align: center;
        margin: auto;
        padding-top: 4em;
        font-size: 1.25em;
        color: #425CC7;
            font-family: sans-serif;
    font-weight: 600;
    }

/*.contact-page label.gfield_label {
    display: none!important;
    }*/
    .contact-page li#field_1_9 {
        padding: 0.5em 3em;
        font-size: 1.25em;
        color: #425CC7;
        text-align: center;
    }




    /* video */
    .wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
        width: 100% !important;
        height: 100% !important;
    }
    .mejs-container {
        padding-top: 56.25%;
    }
    .wp-video, video.wp-video-shortcode {
        max-width: 100% !important;
    }
    video.wp-video-shortcode {
        position: relative;
    }
    .mejs-mediaelement {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .mejs-controls {
        display: none;
    }
    .mejs-overlay-play {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto !important;
        height: auto !important;
    }
    .content-wrapper .embed-container {
        position: relative;
        padding-bottom: 0;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    }







/* .container, .container-lg, .container-md, .container-sm, .container-xl {
        padding: 0em 3em;

        }*/
        @media (max-width: 1440px){

           
            section.neighbourhood .n-copy {
                margin-left: 6.666667%;
            }
        }
        @media (max-width: 1366px){

            .about h1.heading {
                max-width: none;
            }
            .contact-page .gform_wrapper .gfield_checkbox li label, .contact-page .gform_wrapper .gfield_radio li label {
             font-size: .65em;
             letter-spacing: -0.5px;
         }
     }



     @media (min-width: 992px){
        .page-template-kt-contactus.page header#masthead {
            background: linear-gradient(90deg, #001E43 50%, #fff 50%);
        }
        .contact-bg {
            background: linear-gradient(90deg, #001E43 50%, #fff 50%);
        }
    }
    @media (max-width: 992px){
      .contact-page h1.heading {
        font-size: 3em;
        text-align: center;
        max-width: none;
    }
    .contact-page li#field_1_9 {
        padding: 0.5em 0em;
    }
    .slider .slick-prev, .slider .slick-next {
        top: 10%;
    }
    .slider .slider-overlay {
        padding: 0 15px ;

    }
    #page .nav-wrapper #mega-menu-wrap-primary #mega-menu-primary .mega-cta a {
        margin-left: 0em;
        display: flex;
        justify-content: left;
        background-color: transparent;
        padding: 0px 9px 0px 8px;
        text-transform: none;
    }
}
@media (max-width: 600px){
    nav.navbar p.cta {
        display: none;
    }
    .navbar-brand {
        margin: auto;
    }
    .hero_partner {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        float: none;
    }
    .ftext p {
        display: block;
        clear: both;
    }
    footer .site-info {
        text-align: center;
    }
    footer ul#menu-footer-nav {
       float: none; 
       margin: auto;
   }
}
@media (max-width: 600px){

  .container, .container-lg, .container-md, .container-sm, .container-xl {
    /*padding: 0em 1em;*/
}
.navbar-brand {
    margin: auto;
    width: 75%;
}

.slick-prev {
    position: relative;
    top: 30px;
    bottom: 6px;
    float: left;
    left: 10;
}
.slick-next {
    position: relative;
    top: 30px;
    bottom: 6px;
    float: right;
    
    right: 10;
}
.slick-prev, .slick-prev:hover {
    left: 10px;
}
.slick-next, .slick-next:hover {
    right: 10px;
}
}

@media (max-width: 991px){

    .about h1.heading{
       max-width: none;
   }
   .about p {
    max-width: none;
}
section.neighbourhood .n-copy {
    padding-left: 3em;
    margin-left: 0;
}
.neighbourhood h1.heading {
    max-width: 90%;
}
.neighbourhood p {
    max-width: 90%;
}
div#map {

    overflow:hidden;

    padding-bottom:100%;

    position:relative;

    height:0;


}
}




/*   gf floating labels */
.gform_body ul {
  list-style: none;
}

input[type='text'],
input[type='email'],
textarea{
  width: 220px;
  padding: 10px 10px 12px 60px;
  font-size: 12px;
  color: #555;
  border: 1px solid black;
  background-color: #fff;
}
.gfield {
  position: relative;
  /* margin: 25px 5px 0 0;*/
}

.gfield input {
  transition: .1s all linear;
}

.gform_wrapper .gfield label.gfield_label {
  position: absolute;
  top: 24px;
  left: 24px;
  font-size: 12px;
  color: #425CC7;
  font-weight: 300;
  transition: .1s all linear;
  cursor: text;
  width: 78%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 4px;
  padding-right: 4px;
}

.gfield.active input {
 padding-left: 15px;
}

.gform_wrapper .gfield.active label.gfield_label {
  top: -10px;
  left: 4px;
  width: 100%
}
div#gform_confirmation_message_1 {
    text-align: center;
    color: #425CC7;
    padding: 2em 0;
}

.contact-page .gform_wrapper.gform_validation_error .top_label input.medium, .contact-page .gform_wrapper.gform_validation_error .top_label select.medium {
    width: 100%;
}
.contact-page .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    padding-right: 16px;
}
.contact-page .gform_wrapper.gform_validation_error ul li.frm-col {
    min-height: 112px;
    margin-bottom: 6px;
}




@media only screen and (min-width: 1200px){
    .navbar-expand-xl {
        justify-content: space-between;
    }
}
@media only screen and (min-width: 641px){
    .contact-page .gform_wrapper ul.gform_fields li.gfield {
        padding-left: 8px;
        padding-right: 8px;
    }
}



/* mobile menu hidden remove this when required */
button.navbar-toggler {
    display: none;
}

.sales-office-section {
    position: relative;
}

.sales-office-section {
    position: relative;
    margin-bottom: 5em;
}

.sales-office-section .bg-container {
    position: absolute;
    background-color: #e7d4c3;
    bottom: 0;
    left: 0;
    width: 37%;
    height: 100%;
}

.sales-office-flex {
    display: flex;
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}

.sales-office-flex >div {
    position: relative;
    width: 50%;
}

.sales-office-flex .img-outer {    
    padding-right: 5%;
    display: flex;
    align-items: center;
}

.sales-office-flex .img-container {
    background-color: #001E43;    
}

.sales-office-flex .img-container img {
    width: 100%;
}

.sales-office-flex .text-container {
    display: flex;
    justify-content: center;
    align-items: center; 
    padding: 0 15px;
}

.sales-office-flex .text-container .bolded {
    font-family: "gordita_medium", sans-serif;
}

.padded-bot {
    margin-bottom: 0;
}

h2.tagline.light-blue {
    color:#425cc6;
}


.sales-office-flex .text-container .tel-link {
    color: #36499B;
}

@media screen and (max-width:767px) {
    .sales-office-section {        
        margin-bottom: 0;
    }

    .sales-office-flex {
        flex-direction: column;
    }

    .sales-office-flex .img-outer {    
        padding-right: 0%;
    }
    
    .sales-office-flex >div {
        position: relative;
        width: 100%;
    }

    .sales-office-section .bg-container {
        display: none;
    }

    .sales-office-flex .text-container {
        justify-content: flex-start;
    }
}