/*!
Theme Name: Médibotique
Theme URI: https://[domain client]/
Author: Codems
Author URI: https://www.codems.ca
Description: Thème WordPress sur mesure pour CLIENT
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: theme-client
*/

body{
	font-size: 12px;
}

/*html.preload body header .top-banner*/

html.preload body header .top-banner{
	margin-top: -100%;
}

html body header .top-banner
{
/*	transform: translateY(-100%);*/
	
	transition: 0.75s;
	padding: 0;
	margin-top: 0;
	box-shadow: inset 0px 2px 3px rgb(0 0 0 / 15%);

}

html:not(.preload) body header .top-banner{
	margin-top: 0;
}

html.preload body .site-content{
	transition: 0.75s;
	margin-top: 0;
}

html:not(.preload) body .site-content{
	transition: 0.75s;
/*	margin-top: 0;*/
}

/*html:not(.preload) body header .top-banner*/
html body.sticky header .top-banner
{
	/*transform: translateY(0);*/
	padding: 0.65em;
	transition: 0.75s;
/*	margin-top: 0;*/
	transition-delay: 0.5s;
	
}

html body.home.sticky header .top-banner
{
	transition-delay: 0s;
}

html body header .navbar-wrapper .mobile_only.center-col,
html body.sticky header .navbar-wrapper .mobile_only.clinique_infos{
	transition: 0.75s;
	transform: translateY(0%);
}

html body.sticky header .navbar-wrapper .mobile_only.center-col,
html body.sticky header .navbar-wrapper .mobile_only.clinique_infos{
	transition: 0.75s;
	transform:translateY(-100%);
}

html body header .navbar-wrapper .mobile_only.clinique_infos{
	padding-left: calc(2.5% + 15px);
    padding-right: calc(2.5% + 15px);
	background: #EBDACF;
}

.navbar-wrapper .center-col .clinique_infos h2.title, 
.navbar-wrapper .center-col .clinique_infos .h2.title{
	margin-top: 0.5em;
}

    

header > .navbar-wrapper{
	z-index: 2;
	background: #ffffff;
	/*overflow: hidden;*/
}

header .top-banner{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	
	text-align: center;
	font-size: 1.4166666666666667em;
	background-color: #eebfad;
	color: #ffffff;
	
}

header h1.logo_title{
	display: inline-block !important;
	padding: 0 !important;
	width:  auto !important;
	margin: 0 !important;
	    height: 32px;
    line-height: normal;
    font-size: 32px;
}

@media screen and (min-width:1023px){
	.top-banner > div > a{
		max-width: none !important;
	}
}

.grecaptcha-badge {
    transform: scale(0.1);
}

.list-traitement-wrapper.is-card .query-posts .post-wrapper:not(:last-child) {
    margin-left: 15px;
}

.site-branding{
	transform: translateY(6%);
	height: 100%;
    display: flex;
    align-items: center;
}

body:not(.logged-in) .admin_only{
	display:none !important;
}

.navbar-wrapper > .content .right-col{
	display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-evenly;
}

.navbar-wrapper .mobile_only.center-col,
.navbar-wrapper .mobile_only.clinique_infos{
	display: none;
}



	body.sticky .navbar-wrapper > .content{
		    max-width: 100%;
    padding: 2em 2.5%;
		background: #ffffff;
	}	



.navbar-wrapper .center-col{
	background:#EBDACF;
	    max-width: 481px;
	/*         padding: 3em 2em 0em 2em;
   margin-top: -33px;*/
	padding: 0.5em 2em 1.5em 2em !important;
	position: relative;
	opacity: 1;
	transition: 0.5s;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
	    margin: 0 1em;
}

.navbar-wrapper .content + .center-col{
	justify-content: flex-start;
}

.navbar-wrapper .center-col:before{
	content:'';
	background:#EBDACF;
	height:33px;
	width: 100%;
	position: absolute;
	left: 0;
	top:-33px;
}

.navbar-wrapper .center-col h3,
.navbar-wrapper .center-col .h3{
	font-size: 1.4166666666666667em;
	color: #4B4B4C;
	margin-bottom: 0.5em;
	    letter-spacing: 0.025em;
	line-height: 1.5;
}

.navbar-wrapper .center-col  h2.title,
.navbar-wrapper .center-col  .h2.title{
	font-size: 1.3333333333333333em;
	font-weight: bold;
	color: #707070;
	text-transform: uppercase;
	margin-bottom: 0.5em;
	letter-spacing: 0.025em;
	line-height: 1.5;
}



body .navbar-wrapper > .content{
	max-width: none !important;
	width: 100%;
	padding-left: calc(2.5% + 15px);
	padding-right: calc(2.5% + 15px);
	position: relative;
	z-index: 2;
	background:#ffffff;
}


body .navbar-wrapper > .content + .center-col{
	max-width: none;
	width:100%;
	margin: 0;
	padding:0 !important;
	z-index: 0;
}

body .navbar-wrapper > .content + .center-col > div{
	padding: 0.5em calc(2.5% + 15px) !important;
}

body .navbar-wrapper > .content + .center-col:before{
	display: none;
}

@media screen and (max-width:450px){
	.navbar-wrapper .center-col > h2.title{
		font-size: 3.55333vw;
	}
	
	.navbar-wrapper .center-col > h3{
		font-size: 4.1vw;
	}
}

.navbar-wrapper .center-col > *:last-child{
	margin-bottom: 0;
}



body.sticky .navbar-wrapper .center-col{
	opacity: 0;
	margin-top: -100%;
	
}


body.sticky .site-branding .hide-on-scroll{
    margin-top: 0 !important;
    opacity: 0;
	height: 0;
    transform: translateY(-100%);
	transition: 0s;
}

body .site-branding .hide-on-scroll > svg{
	transition: 0.5s;
}

body.sticky .site-branding .hide-on-scroll > svg{
	height: 0;
}

a#call-button {
    display: none;
    align-items: center;
    font-size: 1.5em;
    line-height: 1em;
    margin: 0 1.25em;
	height: 23px;
  /*  transform: translateY(-3%);*/
    color: #969394;
}


.site-footer .site-branding {
    justify-content: center;
}


.top-banner .close-btn{

    position: absolute;
    right: 1em;
    color: #fff;
    font-weight: bold;
    cursor: pointer;

}


#main .flex-centered{
	    justify-content: center;
}

#main .flex-centered > div.wp-block-column{
	    flex-basis: auto !important;
    width: auto !important;
    flex-grow: initial !important;
}


@media screen and (min-width:380px){
.special-style-col-treatment.wp-block-column .smaller-padding .wp-block-cover__inner-container{
	padding: 5em !important;
	min-width: 34em;
}
}

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

	body .special-style-col-treatment.wp-block-column .smaller-padding .wp-block-cover__inner-container{
		padding: 40px;
	}
	
	.special-style-col-treatment.wp-block-column .smaller-padding .wp-block-cover__inner-container h2{
	    font-size: 9vw !important;
}
}

@media screen and (max-width:1024px){
	
	
	body header > .navbar-wrapper{
		overflow: visible;
		    background: #EBDACF;
		/*margin-bottom: 32px;*/
		    min-height: calc(1em + 60px);
	}
	
	
	body.home header > .navbar-wrapper{
		background: #ffffff;
	}
	
	.navbar-wrapper .menu-toggle i,
	.call-button i{
		max-height: 100%;
	}
	
	.navbar-wrapper .menu-toggle{
		height: 23px;
		    display: inline-flex;
    align-items: center;
	/*	transform: translateY(2px);*/
	}
	
	.site-content {
    margin-top: 165px;
}
	
	body.home .site-content{
		margin-top: 85px;
	}
	
	.navbar-wrapper > .content > .center-col{
		display: none;
	}
	
	.navbar-wrapper .mobile_only{
		display: block;
	}
	
	.navbar-wrapper .center-col > p{
		font-size: 1.1666666666666667em;
	}

	.navbar-wrapper .center-col > p.title{
		font-size: 1em;
	}
	
	.navbar-wrapper .center-col{
		margin: 0;
		    padding: 1.5em 2em 1.5em 2em !important;
		box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.15);
		max-width: 100%;
		transition: 0.5s;
	}
	.navbar-wrapper .center-col:before{
		display: none;
	}
	
	body.sticky .navbar-wrapper .center-col{
	/*	margin-top: 0;
		transform: translateY(-100%);
		height: 0;
		overflow: hidden;
    padding: 0 !important;*/
	}
}


@media screen and (min-width:1025px){
	

	

body .navbar-wrapper .site-branding .site-logo{
	padding-bottom: 0;
}

body .navbar-wrapper .content{
	padding-top: 26px;
}

body .menu-button > a {
    display: inline-block;
    color: #ffffff !important;
    background: #EEBFAD;
    border-radius: 59px;
    padding: 0.5em 1.5em;
    border: 2px solid;
    transition: 0.5s;
    transform: translateY(0.75em);
}

.navbar-wrapper .main-navigation > ul.menu > li > a,
.navbar-wrapper ul.lang a{
	    font-size: 1.3333333333333333em;
	white-space: nowrap;
}

ul.sociaux i {
	font-size: 2.5rem;
}

ul.sociaux li {
    margin-right: 1em;
}


.navbar-wrapper ul.lang:after, 
.navbar-wrapper ul.lang:before {
    content: "";
    margin-right: 1em;
    margin-left: 1em;
}



.navbar-wrapper > .content .center-col,
.navbar-wrapper > .content .right-menu,
.navbar-wrapper > .content .left-col{
	padding-bottom: 20px;
	transition: 0.5s;
}


	body.home .navbar-wrapper > .content .center-col{
		visibility: hidden;
    	opacity: 0;
	}	
	
body.sticky .navbar-wrapper .main-navigation .menu li, 
body.sticky .navbar-wrapper .site-branding .site-logo, 
body.sticky .navbar-wrapper ul.lang, 
body.sticky .navbar-wrapper ul.sociaux{
	padding-bottom: 0;
}


	
body.sticky .navbar-wrapper > .content .center-col, 
body.sticky .navbar-wrapper > .content .right-menu, 
body.sticky .navbar-wrapper > .content .left-col{
	padding-top: 10px;
	padding-bottom: 10px;
}

body.sticky .navbar-wrapper .content{
	padding-top: 0;
	padding-bottom: 0;
}

body.sticky .navbar-wrapper > .content .right-menu{
	    align-items: center;
}

body.sticky .navbar-wrapper .main-navigation .menu, 
body.sticky .navbar-wrapper .main-navigation .menu li{
	align-items: center;
}

body.sticky .navbar-wrapper .main-navigation .menu li.menu-button > a{
	transform: none;
}
    

.navbar-wrapper .main-navigation .menu>li.current-menu-ancestor:before, 
.navbar-wrapper .main-navigation .menu>li.current-menu-item:before{
	display:none;
}



.navbar-wrapper .main-navigation .menu li,
.navbar-wrapper ul.lang,
.navbar-wrapper ul.sociaux{

    padding-bottom: 0px;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

}


@media screen and (min-width:1025px) and (max-width:1919px){
	.navbar-wrapper > .content .center-col > h3,
	.navbar-wrapper > .content .center-col > .h3{
		font-size: 0.885vw;
	}
	
	.navbar-wrapper > .content .center-col h2.title,
	.navbar-wrapper > .content .center-col .h2.title{
		font-size: 0.833vw;
	}
}

@media screen and (min-width:1025px) and (max-width:1600px){
	
	
	.navbar-wrapper > .content .center-col h3,
	.navbar-wrapper > .content .center-col .h3{
		    font-size: 1.05em;
	}
	
	.navbar-wrapper > .content .center-col h2.title,
	.navbar-wrapper > .content .center-col .h2.title{
		font-size: 1.15em;
	}
	
	.navbar-wrapper > .content .right-col {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
		position: relative;
		transition: 0.5s;
}
	
	.navbar-wrapper > .content .left-col{
		max-width: 18.490vw;
		    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
	}
	
	.site-branding svg#Medibotique_Groupe_3372{
		max-width:18.490vw;
	}
	
	.site-branding .hide-on-scroll svg{
		max-height: 2.708vw;
    	max-width: 2.708vw;
	}
	
	.navbar-wrapper > .content .center-col{
		max-width: 100%;
		width: auto;
		margin-top: -33px;
		    margin-right: 0;
		    padding: 1em 2em 1em 2em !important;
	}
	
	body.sticky .navbar-wrapper > .content .center-col{
		position: absolute;
	}
}

@media screen and (max-width:1024px){
	
	a#call-button {
		display: inline-flex;
		/*align-items: flex-end;*/
	}
	
	.navbar-wrapper .site-branding .site-logo {
        display: flex;
    flex-direction: column;
	}
	
	.navbar-wrapper .site-branding .site-logo > svg {
		width: auto;
		max-height: 22.5px;
	}
	
	.site-branding .hide-on-scroll svg{
		width: auto;
		max-height: 28px;
	}
	
	body .navbar-wrapper .site-branding .site-logo .hide-on-scroll{
		transform: none;
		transition: 0.5s;
	}
	
	body.sticky .navbar-wrapper .site-branding .site-logo .hide-on-scroll svg,
	body.sticky .navbar-wrapper .site-branding .site-logo .hide-on-scroll{
		margin-top: 0;
		max-height: 0;
	}

	html body.sticky div#content {
    margin-top: 11em !important;
}
	
	.navbar-wrapper .center-col > p{
		color: #898989;
	}
	
.navbar-wrapper .content {
	padding: 15px calc(15px + 2.5vw);
	position: relative;
	z-index: 2;
	background: #ffffff;
	max-width: 100% !important;
}
	
	.navbar-wrapper .mobile_only.center-col,
	.navbar-wrapper .mobile_only.clinique_infos{
		display: block;
		position: relative;
		z-index: 3;
	}
	

	
	
	.navbar-wrapper > .content .center-col{
	display: none !important;
	}
	
	.navbar-wrapper > .content .right-col{
		justify-content: flex-end;
		align-items: flex-end;
	}
	
	#primary-menu > li.menu-button > a{
		border-width:0px;
		color: inherit !important;
		
	}
}

html body header .top-banner.closed{
	margin-top: -55% !important;
}
 
@media screen and (min-width: 768px){

	
body .list-traitement-wrapper.is-card .query-posts .post-wrapper:last-child {
  margin-right: 15px;
  margin-left: 15px;
}
	
	

	
}

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

		
	body .wp-block-columns.align-toward-center div,
	body .wp-block-columns.align-toward-center p,
	body .wp-block-columns.align-toward-center h3{
		text-align: center !important;
	}
	
	.list-traitement-wrapper.is-card .query-posts{
		margin-top: 0 !important;
	}
	
.list-traitement-wrapper.is-card .query-posts > .post-wrapper {
     margin: 0 0 20px !important;
}
}


@media screen and (min-width: 768px) and (max-width:979px){
body .wp-block-columns.align-toward-center {
    font-size: 0.95vw;
}
}

@media screen and (max-width:480px){
	.navbar-wrapper .mobile_only.center-col,
	.navbar-wrapper .mobile_only.clinique_infos{
    	/*font-size: 3.077vw;*/
		font-size: 2.65vw;
	}
}