/*
 Theme Name:   Ici Genève
 Description:  Devdummy Child Theme
 Author:       devsector.ch
 Author URI:   http://devsector.ch
 Template:     devdummy
 Version:      2.0.7
 Text Domain:  icigeneve
*/
  
 

/*
DARK BLUE 	rgba(41,39,80,1)   #292750
LIGHT BLUE  rgba(180,216,252,1) #b4d8fc
RED			rgba(186,37,40,1)	#ba2528
LIGHT RED	rgba(223,153,168,1)
LIGHT BLUE 	rgba(115,135,150,1)   #738796
YELLOW		rgba(242,230,24,1)

LIGHT GREY	rgba(234,233,230,1)	#eae9e6
*/

/**
 * @license
 * MyFonts Webfont Build ID 3732838, 2019-03-12T11:34:15-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: CeraPRO-Bold by TypeMates
 * URL: https://www.myfonts.com/fonts/typemates/cera/pro-bold/
 * Copyright: Copyright (c) 2015 by Jakob Runge, under exclusive license to TypeMates, Runge Thomsen GbR. All rights reserved.
 * Licensed pageviews: 20,000
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3732838
 * 
 * © 2019 MyFonts Inc
*/




/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/38f566");

  
@font-face {font-family: 'CeraPRO-Bold';src: url('webfonts/38F566_0_0.eot');src: url('webfonts/38F566_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/38F566_0_0.woff2') format('woff2'),url('webfonts/38F566_0_0.woff') format('woff'),url('webfonts/38F566_0_0.ttf') format('truetype');}
 



body{
	font-family: CeraPRO-Bold;
	font-size: 1.1em;
	color: rgba(41,39,80,1);
	line-height: 1.2;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
/**
* Firefox specific rule
*/
@-moz-document url-prefix() {
    body {
        font-weight: lighter !important;
    }
}

hr{
	border-top: 1px solid #000;
}
a,
a:link,
a:visited{
	color:rgba(186,37,40,1);
	text-decoration: underline;
}
a.blue-link,
a.blue-link:link,
a.blue-link:visited{
	color:rgba(41,39,80,1);
}
.site-content ul, .site-content ol {
    margin: 0 0 1.5em 0;
    margin-top: 0px;
    margin-bottom: 1.5em;
    padding-left: 1em;
}
.site-content .modal-body ul, .site-content .modal-body ol {
	margin-bottom: 0;	
}

.interlignage-plus-grand{
	line-height: 1.5;
}
#documents p{
	margin-bottom: 1em;
}

a.arrowbutton,
.strat_page.fullwidth-blue a.arrowbutton{
	display: inline-block;
  position: relative;
  width:auto;
  padding: 0 20px;
  background: rgba(242,230,24,1);
  height:68px;
  line-height: 68px;
  margin-bottom:30px; 
  text-align:center;
  color:rgba(41,39,80,1);
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
a.arrowbutton:after,
.strat_page.fullwidth-blue a.arrowbutton:after{
	content: "";
    position: absolute;
    right: -34px;
    top: 0;
    border-top: 34px solid transparent;
    border-bottom: 34px solid transparent;
    border-left: 34px solid rgba(242,230,24,1); 
    transition: all 0.3s ease-in-out;
}
a.arrowbutton:hover,
.strat_page.fullwidth-blue a.arrowbutton:hover{
	background: rgba(186,37,40,1);
	color: white

}
a.arrowbutton:hover:after,
.strat_page.fullwidth-blue a.arrowbutton:hover:after{
		border-left: 34px solid rgba(186,37,40,1); 
}

.site-title{
	display: none;
}
.site-title a,
.communes-nav a,
#breadcrumbs a{
	display: inline-block;
  position: relative;
  width:auto;
  padding: 0 18px;
  background: rgba(186,37,40,1);
  height:48px;
  line-height: 48px;
  margin-left: 24px; 
  text-align:center;
  color:white;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.home .communes-nav li:first-of-type a{
	margin-left: 0;
}
.site-title a:before,
.communes-nav a:before,
#breadcrumbs a:before{
	content: "";
    position: absolute;
    left: -24px;
    top: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 24px solid rgba(186,37,40,1); 
    transition: all 0.3s ease-in-out;
}

.home .communes-nav a:before{
	display: none;
}
.home .communes-nav a:after{
	content: "";
    position: absolute;
    right: -24px;
    top: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 24px solid rgba(186,37,40,1); 
    transition: all 0.3s ease-in-out;
}

.site-title a:hover,
.communes-nav a:hover,
#breadcrumbs a:hover{
	background: rgba(242,230,24,1);
	color:rgba(41,39,80,1);
}
.site-title a:hover:before,
.communes-nav a:hover:before,
#breadcrumbs a:hover:before
{
	border-right: 25px solid rgba(242,230,24,1); 
}

.home .communes-nav a:hover:after{
	border-left: 25px solid rgba(242,230,24,1);
}


.breadcrumb_last{
	padding-left: 20px;
	padding-right: 20px;
	color: rgba(186,37,40,1);
}

/* COMMUNES NAV */
.communes-nav {
	margin:0;
	padding: 0 24px 0 0;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
}
.home .communes-nav{
	-webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.communes-nav li{
	display: inline-block;
	list-style: none;
}
.communes-nav li.current_page_item{
	display: none;
}



.downloadlink a{
	color:rgba(41,39,80,1); 
	font-size: 0.8em;
}
p{
	margin-bottom: 1.8rem;
}

.back-to-top{
	z-index: 20;
}
/* SCROLL ICON */
.scrolldownboxposition{
	text-align: center;
	width: 100%;
}
.scrolldownboxposition a{
	transition: all 0.3s ease-in-out;
	display: inline-block;
	opacity: 0.7;
}
.scrolldownboxposition a:hover{
	text-decoration: none;
	transform: scale(1.1);
	opacity: 1;
}
#masthead .container.main-nav--sticky .scrolldownboxposition{
	display: none;
}
.scrolldowncol{
	text-align: center;
	position: absolute;
	bottom: 0;
}
.scrolldowncol a{
	display: inline-block;
}
.scrolldownbox{
	    position: relative;
	    width: 110px;
	    text-align: center;
	    color: white;
	    line-height: 1.1;
		font-size: 0.8em;
		margin:20px;
}
.icon-scroll{
	height: 55px;
	width: 110px;
	background: url(images/icon-down.svg) no-repeat center bottom;
}
	

.container{
	max-width: 1080px;
}

/* MAIN NAV */
body .bg-light{
	background-color: transparent !important;
}
.site-header{
 background-color: rgba(234,233,230,1);
}
#masthead .container:before,
#masthead .container:after{
	display: none;
}
#masthead .container {
    position: static;
    width: 100%;
    z-index: 1;
    transition: padding 0.3s ease-out;
    padding: 0;
}
#masthead .container .site-branding {
    font-size: 2em;
}
#masthead .container .navbar {
	margin: 0;
}
#masthead .container .navbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#masthead .container .navbar ul{
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#masthead .container .navbar ul li {
    display: block;
    vertical-align: bottom;
    padding-left: 0;
    float: none;
}
#masthead .container .navbar ul li.wpml-ls-first-item{
	margin-top: 3em;
}
#masthead .container .navbar ul li a {
    display: block;
    height: 100%;
    font-size: 1em;
    text-align: center;
    font-family: Gwyner, times; 
    line-height: 1.3;
    margin-bottom: 15px;
    color: rgba(85,81,79,1);
    transition: all .4s ease-in-out;
}
#masthead .container .navbar ul li a:focus, 
#masthead .container .navbar ul li a:hover {
    text-decoration: none;
    background-color: transparent;
    transform:scale(1.1);
}
#masthead .container .navbar ul li.wpml-ls-item a{
	font-weight: 600;
	font-size: 0.9em;
	text-transform: uppercase;
} 

#masthead .container.main-nav--sticky {
    position: fixed;
    top: 0;
    height: auto;
    padding: 15px;
    background-color: #FFF;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
    color: #fff;
    
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#masthead .container.main-nav--sticky .site-branding,
#masthead .container.main-nav--sticky .navbar{
	position: static;
	transform:none;
}
#masthead .container.main-nav--sticky .main-nav--logo {
    height: 30px;
    line-height: 30px;
    font-size: 1.5em;
}
#masthead .container.main-nav--sticky .main-nav--links ul li {
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
}
#masthead .container.main-nav--sticky .main-nav--links ul li a {
    font-size: 0.7em;
    color: #fff;
}

#masthead .container h1,
#masthead .container p{
	margin: 0;
}

/* BURGER MENU */
.navbar-toggle{
	transform: scale(2.5);
	margin-right: 0;
	right: 15px;
	z-index: 1000;
	float: none;
}
.navbar-toggle.x.collapsed{
	position: absolute;

	}
.navbar-toggle.x{
	position: fixed;

}
.navbar-toggle .icon-bar {
    display: block;
    background-color: black;
    height:1px;
}

.navbar-toggle.content-icon .icon-bar{
	background-color: black;
}



.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}
button:hover, input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover {
    border-color: transparent;
}




.site-description{
	display: none;
}

#content {
    
}

/* TYPOGRAPHY */
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5{
	font-weight: normal;
	margin-bottom: 1em;
}
.h1, h1{
	font-size: 2.2em;
}

h2{
	font-size: 2.2em;
	line-height: 1.1;
}
.h3, h3{
	color:rgba(186,37,40,1);
}
.h4, h4{
	color:rgba(186,37,40,1);
	font-size: 1em;
}

.wp-block-image img{
		width:300px;
		margin-bottom: 20px;
	}

.strat_wpcontent {
		font-size: 0.8rem ;
	}
.strat_wpcontent h4{
		font-size: 1rem ;
}



.page-template-page_espace .site-main{
	padding-top: 60px;
}

/* PROTECTED PAGE */
.protected-sub-title{
	display: block;
	font-size: 0.8em;
	color: rgba(186,37,40,1);
}
.logout-button-box{
	text-align: right;
}
.logout-button-box button, 
.logout-button-box input[type="button"], 
.logout-button-box input[type="reset"], 
.logout-button-box input[type="submit"] {
    border: 0;
    border-radius: 0px;
    background: rgba(242,230,24,1);
    color: rgba(41,39,80,1);
    font-size: 15px;
    font-size: 1rem;
    line-height: 1;
    padding: 1em 2em;
}


/* FORM */
.wpcf7-form label,
.wpcf7-form label input
{
	width:100%;
}
.wpcf7-form button, 
.wpcf7-form input[type="button"], 
.wpcf7-form input[type="reset"], 
.wpcf7-form input[type="submit"] {
    border: 0px solid;
    border-radius: 0px;
    background: rgba(41,39,80,1);
    color: rgba(255, 255, 255, 1);
    font-size: 1em;
    line-height: 1;
    padding: 1em 2em;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}
.wpcf7-form button:hover, 
.wpcf7-form input[type="button"]:hover, 
.wpcf7-form input[type="reset"]:hover, 
.wpcf7-form input[type="submit"]:hover{
	background: rgba(0, 0, 0, 1);
}


/* HOMEPAGE */
.card{
	background: transparent;
}
.collapse-group{
	margin: 1.5em 0 ;
}
a.btn-collapse{
	display: inline-block;
	padding-left: 60px;
	background: url(images/close.svg) 7px 0.3em no-repeat;
	color:rgba(180,180,180,1);
}
a.btn-collapse.collapsed{
	color:rgba(186,37,40,1);
	background: url(images/arrow-link.svg) left 0.3em no-repeat;
	background-size: 1.25em;
}
.fullwidth-blue a.btn-collapse.collapsed{
	color: white;
}
.collapse-element{
	padding: 0.5em 0;
}
.collapse-element h5{
	margin: 0.2em 0 0 0;
	font-size: 0.7em;
	color:rgba(223,153,168,1);
}
/*
.collapse-element p{
	margin:0;
}
*/
.card-body {
    padding: 1.5rem 1rem 1rem 60px;
    font-size: 0.85em;
}
.card{
	border:0;
}

.strat_cover{
	display: block;
	background: url(images/global-header-main-color.svg) center center no-repeat;
	background-size: auto 100%;
}
.strat_cover .container{
	padding-right: 0;
	padding-left: 0;
	max-width: 1280px;
}
.strat_cover .container img{
	width: 100%;
}

/* VERNIER CUSTOM */

.page-template-page_vernier .strat_cover{
	background-image: url(images/bgglobal-color-vernier.svg);
}




.strat_page{
	background-image: none;
	background-color: rgba(242,230,24,1);
}



.strat_page.fullwidth-blue,
.strat_page.fullwidth-blue .container{
	background-color: rgba(41,39,80,1);
	background-image: none;
	color: white;
}

.strat_page.fullwidth-blue a,
.strat_page.fullwidth-blue a.btn-collapse.collapsed{
	color: rgba(223,153,168,1);
}
.strat_page.fullwidth-blue a.btn-collapse.collapsed{
	background-image:url(images/arrow-link-light.svg);
	}	
.strat_page.fullwidth-blue a.btn-collapse{
	color:rgba(180,180,180,1);
}



.strat_page .container{
	background-color: white;
	padding-top:60px;
	padding-bottom: 60px;
}
.strat_page p:last-of-type{
	margin-bottom: 0;
	padding-bottom: 1em;
}
.spacerstyle{
	display: block;
	width: 100%;
	background: url(images/bg-bottom-content.svg) center center no-repeat;
	background-size: auto 100%;
	height:120px;
}
.homestrat.strat_texte_simple .spacerstyle .container{
	padding: 0;
	height: 60px;
}

.homestrat:first-of-type .strat-bottom{
	background-color: rgba(255,255,255,1);
}
.homestrat:first-of-type .strat-top{
	background-color: rgba(245,245,245,1);
}
#biographie .strat-top{
	background-color: rgba(245,245,245,1);
}

.homestrat.custom_googlemap_strat{
	min-height: 0 ;
	display: block;
	padding: 0;
}
.homestrat.cover_strat{
	padding: 0;
	margin:0;
	min-height: 100vh;
	background-color: yellow;
}

.slogan_sous-titre{
	max-width:900px;
	padding: 0.5em;
	margin: 0 auto;
	font-family: Gwyner, times; 
	text-align: center;
	font-size: 2.3em;
	line-height: 1.2;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

#googleMap{
	height:280px;
}



/* MODAL */
.modal-content,
.modal-header,
.modal-footer{
	background-color: transparent;
	border:0;
}
.modal-header{
	padding: 1em;
}
.modal-backdrop {
   background-color: rgba(41,39,80,1);
   opacity:0.9 !important;
}
.modal-content .close{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-indent: -3000px;
	background: url(images/icon-close.svg) no-repeat center center;
	background-size: contain;
}
a.popuplink,
.strat_page.fullwidth-blue a.popuplink{
	color: rgba(242,230,24,1);
}
.popup-element{
	padding: 0.35em 0;
}
.modal-dialog {
    max-width: 870px;
}
.modal-body p{
	margin: 0
}
.modal-header h4{
	color: rgba(242,230,24,1);
}
.modal-body h5{
	margin: 0.2em 0 0 0;
	font-size: 0.7em;
	color:rgba(223,153,168,1);
}

/* AFFILLIATION */



.logo-grid{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 1em;
}
.logogrid-item{
	margin: 0.5em 0.5em 1em 0.5em;
}
.logoline-left:before,
.logoline-left:after,
.logoline-right:before,
.logoline-right:after{
	display: none;
}
.logogrid-item img{
	transform: scale(0.9);
}


.logoline-left{
	width:180px;
}
.logoline-right{
	width:calc(100% - 180px);
}
.affilisation-content{
	margin-bottom: 1em;
}



/* FORM */
.wpcf7 input{
	background: transparent;
	border: 0;
	border-bottom: 1px solid #ccc;
}
.wpcf7 textarea{
	background: transparent;
	border: 0;
	background-attachment: local;
	  background-image:
	    linear-gradient(to right, transparent 10px, transparent 10px),
	    linear-gradient(to left, transparent 10px, transparent 10px),
	    repeating-linear-gradient(transparent, transparent 30px, #ccc 30px, #ccc 31px, #ccc 31px);
	  line-height: 31px;
	  height:150px;

}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #000;
    border-radius: 0;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(0, 0, 0, 0.5);
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.5);
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgba(0, 0, 0, 0.5);
}
:-moz-placeholder { /* Firefox 18- */
  color: rgba(0, 0, 0, 0.5);
}
/* FOOTER STRAT */
.strat_page_footer{
	background: rgba(234,233,230,1);
	padding: 2em 0 3em 0;
}

/* FOOTER */

.site-footer p{
	margin-bottom: 20px;
}
.site-footer p:last-of-type{
	margin-bottom: 0px;
}
.site-footer .widget_media_image img{
	margin-bottom: 6px;
}
.site-footer{
	padding: 2em 0 3em 0;
	background: rgba(234,233,230,1);
	text-align: center;
}
.footerstrat{
	margin-bottom: 2em;
}
.site-footer .container{
	
	font-size: 0.85em;
}
.site-footer a{
	color:rgba(186,37,40,1);
	text-decoration: none;
}
.site-footer a:hover{
	color:rgba(186,37,40,1);
}
.site-footer .widget{
	margin: 0;
}
.site-footer .widget-area{
	margin-bottom: 4em;
}
.copyright-box,
.site-info{
	font-size: 0.6em;
	color:rgba(115,135,150,1);
}
.copyright-box a,
.site-info a{
	color:rgba(115,135,150,1);
}
.copyright-box a:hover,
.site-info a:hover{
	color:rgba(115,135,150,1);
}

#media_image-2 img{
	max-height: 5em;
}


.footer_page_col ul {
    margin: 0 0 1em 0;
    margin-top: 0px;
    padding-left: 1.5em;
    list-style: none;
}
.footer_page_col ol{
	margin: 0 0 1em 0;
	margin-top: 0px;
	padding-left: 1.5em;
} 
.footer_page_col ul li {
	position:relative;
	}
.footer_page_col ul li::before {
    content: "— ";
    position: absolute;
    display: inline-block;
    left: -1.5em;
}


.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  background: url(images/top-arrow.svg) no-repeat center center transparent;
  background-size: contain;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
  z-index: 1000;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}


.error404 .animation{
	display: none;
}

.error404 .site-title{
	text-align: center;
	
}

body ul.cnss-social-icon {
    margin-bottom: 3em;
}



/* MEDIA QUERIES */
@media only screen and (min-width: 420px) {

	/* COLUMNS */

	.one_half {
	    width: 45% !important;
	    margin-right: 10% !important;
	}
	.one_half.last_column {
	    width: 45% !important;
	    margin-right: 0px !important;
	}
	.one_third {
	    width: 32% !important;
	    margin-right: 2% !important;
	}
	.one_third.last_column {
	    width: 32% !important;
	    margin-right: 0px !important;
	}
	.two_third {
	    width: 66% !important;
	    margin-right: 2% !important;
	}
	.two_third.last_column {
	    width: 66% !important;
	    margin-right: 0px !important;
	}

}

@media only screen and (min-width: 650px) {
	
	body{
		font-size: 1.4em;
	}
		
	.homestrat.strat_texte_simple .container{
		padding: 3em 3em 0 3em;
	}
	
	

}
@media only screen and (min-width: 768px) {
	
	.strat_page .container{
		padding:60px;
	}
	
	
  	.cd-top {
    	right: 20px;
    	bottom: 20px;
  	}
  		
	.navbar-toggle{
		margin-right: 30px;
	}

	
	#googleMap{
		height:300px;
	}
	.scrolldownbox{

		margin:50px 20px 5px 20px;
	}
	
	.cnss-social-icon {
		position: absolute;
		right: 15px;
	}
	
  	
}


@media only screen and (min-width: 1024px) {
	
		
	
	  .cd-top {
	    height: 60px;
	    width: 36px;
	    right: 45px;
	    bottom: 40px;
	  }
	  .site-footer {
	    text-align: left;
		}

}


@media only screen and (min-width: 1300px) {
	
	.wp-block-image img{
		width:auto;
		margin-bottom: 30px;
	}	
	.strat_wpcontent {
		font-size: 1rem ;
	}
	.strat_wpcontent h4{
		font-size: 1.4rem ;
	}
	#googleMap {
	    height: 500px;
	}
	
	.spacerstyle{
		background-size: 100% auto;
	}
	
}



/* Change responsive menu breakpoint (large desktops, 1200px and up) */
@media (max-width: 2500px) {
	.navbar{
	    z-index: 100;	
	    padding: 0;	
	}
	.navbar .container{
		position: relative;
	}
	body .navbar-toggler .icon-bar{
		background-color: rgba(41,39,80,1) ;
	}
	
	body  .midnightHeader.fullwidth-blue .icon-bar{
		background-color: rgba(255,255,255,1) ;
	}
	
	
	.button-box{
		position:absolute;
		right: 0;
		width:35px;
		height: 35px;
		top:18px;
	}
	.navbar-toggler{
		transform: scale(1.5);
	}
	.navbar-expand-lg .navbar-toggler {
	    display: block;
	    z-index: 2000;
	    position: fixed;
	    top: auto !important;
		left: auto !important;
		right: 30px !important;
		overflow: visible !important;
	}
	
    .navbar-header {
	    float: right;
	}
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
        transition: none !important;
    }
    .navbar-nav,
    .navbar-expand-lg .navbar-nav {
        float: none!important;
	    width: 100%;
	    padding-top: 3em;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
	    -webkit-align-content: stretch;
	    -ms-flex-line-pack: stretch;
	    align-content: stretch;
	    -webkit-align-items: flex-end;
	    -ms-flex-align: end;
	    align-items: flex-end;
    }
    .navbar-default .navbar-collapse, 
    .navbar-default .navbar-form {
    border:0;
    transition: none !important;
	}

	.navbar-nav>li {
        float: none;
        text-align: right;
    }

    .navbar-nav>li>a,
    .navbar-light .navbar-nav a.nav-link {
        padding: 0.3em 0.8em;
        text-decoration: none;
        font-size: 1em;
        color: rgba(186,37,40,1);
    }
    .navbar-light .navbar-nav .nav-link:focus, 
    .navbar-light .navbar-nav .nav-link:hover{
	    color: rgba(41,39,80,1);
    }
    .collapse.show{
        display:block !important;
        
    }
    .navbar-collapse,
    .navbar-collapse.collapse{
	    background-color: rgba(255,255,255, 0.9);
	    height: 100vh !important;
	    width: 420px !important;
	    position: fixed;
	    right:0;
	    top:0;
	    z-index: 10;
	    
    }
    .navbar-collapse.collapse{
	    opacity: 1;
	    transition: opacity 0.15s ease-in-out !important;
	    transition-delay: 0 !important;
    }
    .navbar-collapse.collapsing{
	    opacity: 0;
    }
    
    
    
    
    .navbar-toggle {
	border: none;
	background: transparent !important;
	}
	
	.navbar-toggle:hover {
		background: transparent !important;
	}
	
	.navbar-toggle .icon-bar {

		-webkit-transition: all 0.2s;
		transition: all 0.2s;
	}
    /* ANIMATED X */
	.navbar-toggle.x .icon-bar:nth-of-type(1) {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform-origin: 10% 10%;
		-ms-transform-origin: 10% 10%;
		transform-origin: 10% 10%;
		
	}
	
	.navbar-toggle.x .icon-bar:nth-of-type(2) {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	
	.navbar-toggle.x .icon-bar:nth-of-type(3) {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform-origin: 10% 90%;
		-ms-transform-origin: 10% 90%;
		transform-origin: 10% 90%;
	}
	
	/* ANIMATED X COLLAPSED */
	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		background-color: white;
	}
	.navbar-toggle.x.collapsed.content-icon .icon-bar:nth-of-type(1){
		background-color: black;
	}
	
	
	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
		opacity: 1;
		filter: alpha(opacity=100);
		background-color: white;
	}
	.navbar-toggle.x.collapsed.content-icon .icon-bar:nth-of-type(2) {
		background-color: black;
	}
	
	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		background-color: white;
	}
	.navbar-toggle.x.collapsed.content-icon .icon-bar:nth-of-type(3) {
		background-color: black;
	}
	/* END ANIMATED X */
    
    
  }