/*
Theme Name:     Auvex
Description:    Thème fait par Overscan. Experte du digital et partenaire de votre stratégie globale, l'agence Overscan vous accompagne sur l'ensemble de votre communication.
Créée en 1992, Overscan lie papier et digital avec subtilité et créativité. Nous écrivons vos histoires et les racontons à travers le graphisme et la technologie pour offrir une expérience unique à vos utilisateurs.
Des compétences maîtrisées par des équipes complémentaires de 25 collaborateurs enthousiastes et en soif de découvertes qui font la force de l'agence clermontoise.
Author:         Overscan
Author URI:     https://www.overscan.com
Template:       enside                         
Version:        0.1.0
*/
body {
	max-width: 100vw;
	overflow-x: hidden;
}
.vc_btn3.vc_btn3-style-custom {
	background: none;
	background-image: none !important;
}
.bg-gradient-blue {
	background: #89b5d2;
	background: -moz-linear-gradient(left,  #89b5d2 0%, #1f83a0 100%);
	background: -webkit-linear-gradient(left,  #89b5d2 0%,#1f83a0 100%);
	background: linear-gradient(to right,  #89b5d2 0%,#1f83a0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89b5d2', endColorstr='#1f83a0',GradientType=1 );
}
.bg-blue {
	background: #1f83a0;
}
.bg-motif {
    background-image: url(/wp-content/uploads/2020/12/pattern-cube02.png?id=501) !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
.subtitle-28-blue {
	font-size: 28px;
	color:#0b82a5;
	line-height: 1;
}
h1,h2,h3,h4 {
	font-weight: 300;
}
h1 b, h2 b, h3 b, h4 b {
	font-weight: 600;
}
h2 {
	font-size: 32px;
}
h4 {
	font-weight: bold;
}
.color-white {
	color: #fff!important;
}
:root .has-white-color a {
	color: #e0873d;
}
:root .has-white-color a:hover {
	text-decoration: underline;
}
.pb-0, .pb-0.has-background {
	padding-bottom: 0!important;
}
.mb-0 {
	margin-bottom: 0!important;
}
.pt-0, .pt-0.has-background {
	padding-top: 0!important;
}
.mb-2 {
	margin-bottom: 2rem;
}
.mt-2{
	margin-top: 2rem;
}
.page-item-title h1 {
	color: #fff;
}
.separator {
	border-right: 1px solid #666;
}
.logged-in .logged-in {
	display: none;
}
.logged-in .separator {
	border-right: none;
}
.vc_btn3.vc_btn3-size-md .vc_btn3-icon {
	font-size:24px!important;
	height: initial!important;
	left: 15px!important;
}
.vc_btn3.vc_btn3-size-md {
	font-size: 16px!important;
}
.mh-800 {
	min-height: 800px!important;
}
.bg-left .vc_column-inner{
	background-position: left!important;
}
.icon-fleche {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 1rem;
	background-image: url('/wp-content/uploads/2021/02/left-arrow.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab.vc_active>a {
	color: #fff!important;
	background-color: #1f84a0!important;
}
.select2-container {
	width: 100%;
}
body .select2-container .select2-choice {
	height: auto!important;
}
.sm-block {
	display: none;
}
.sm-none {
	display: block;
}
#menu-item-1039 > a {
	cursor: default;
}
/****************************************************************
                Top Header
****************************************************************/
.top-header {
	background-color: rgba(13, 111, 142, 0.6);
	color:#fff;
}
.top-header a {
	color: #fff;
	padding: 0 1rem;
}
.top-header ul li{
	display: inline-block;
	list-style: none;
	position: relative;
}
.top-header .top-menu {
	margin-bottom: 0
}
.top-header .top-menu a {
	font-size: 13px;
}
.top-header .top-menu li::after{
	content:"";
	display: inline-block;
	background: #fff;
	width: 1px;
	height: 10px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%); 
}
.top-header .top-menu li:last-child::after{
	content:none;
}
.top-header .w-100{
	display: flex;
	justify-content: flex-end;
	height: auto;
	align-items: center;
	width: 100%;
}
header .container .col-md-12.min-height-70{
	min-height: 70px;
}
/*.header-menu .top-menu li a,
.header-menu li a,
.header-menu-bg.transparent-header .header-menu .top-menu li a {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
}
.header-menu .top-menu li a:hover,
.header-menu li a:hover,
.header-menu-bg.transparent-header .header-menu .top-menu li a:hover {
	color: #fff !important;
}
.header-menu .top-menu li a:hover,
.header-menu-bg.transparent-header .header-menu .top-menu li a:hover {
	color: #fff;
}
.header-menu .top-menu .menu-item::after {
	content:"";
	display: inline-block;
	background: #fff;
	width: 1px;
	height: 10px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.header-menu .top-menu .menu-item:last-child::after {
	content: none;
}
.header-menu .social-icons-wrapper a {
	color: #fff;
}*/
/****************************************************************
                 Header
****************************************************************/
body:not(.home) header.sticky-header {
	z-index: 1000;
    position: sticky;
    width: 100%;
    /*top: 0!important;*/
}
header.main-header.transparent-header {
	background: rgba(255, 255, 255, 0.7);
}
header.main-header.transparent-header .navbar-default,
header.fixed .navbar-default {
	background: none;
	border: none;
}
header.main-header.transparent-header .navbar,
header.fixed .navbar {
	min-height: initial;
	margin-bottom: 0;
}
header.transparent-header .navbar .nav > li > a,header .navbar .nav > li > a,header.transparent-header .navbar .nav > li.current-menu-item:not(.pull-right) > a,.navbar .nav > li.current-menu-item:not(.pull-right) > a {
	color: #111!important;
	padding: 6px 20px;
}
header.transparent-header .navbar .nav > li > a:hover,header .navbar .nav > li > a:hover,header.transparent-header .navbar .nav > li.current-menu-item:not(.pull-right) > a:hover,.navbar .nav > li.current-menu-item:not(.pull-right) > a:hover {
	color: #1f84a0!important;
}
header.fixed:not(.top-menu-position-header):not(.sticky-header-elements-headerandmenu)
	.logo-link
	> img {
	max-width: 179px;
}
header .nav > .menu-item:last-child, header.transparent-header .navbar .nav > li:last-child > a, header .navbar .nav > li:last-child > a,header .navbar .nav > li:last-child > a,.navbar .nav > li.current-menu-item:not(.pull-right):last-child > a {
	color: #fff!important;
	background : #0b82a5;
}
header .nav > .menu-item:last-child a {
	color: #fff!important;
	padding: 6px 10px!important;
}
header .nav > .menu-item:last-child .sub-menu a {
	color: #111!important;
}
/****************************************************************
                 Footer
****************************************************************/
#footer-sidebar, #footer-sidebar a, footer {
	color: #fff;
}
#footer-sidebar .widgettitle {
	text-transform: uppercase;
	font-weight: 700;
}
.footer-wrapper {
	margin-top: 0;
}

/****************************************************************
                 Contact Form
****************************************************************/
.contact-form form label, .popmake-content form label{
	display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.contact-form form .wpcf7-acceptance label, .popmake-content form .wpcf7-acceptance label{
	display: block;
}
.contact-form form label .checkbox-480, .popmake-content form label .checkbox-480{
	margin:0;
	text-align: right;
}
.contact-form form label .checkbox-480 label, .popmake-content form label .checkbox-480 label{
	margin: 0;
}
.contact-form form .wpcf7-form-control-wrap, .popmake-content form .wpcf7-form-control-wrap{
    width: 100%;
    padding-left: 1rem;
}
.contact-form form .wpcf7-form-control-wrap.motif, .contact-form form .wpcf7-form-control-wrap.cp, .popmake-content form .wpcf7-form-control-wrap {
	width: calc(100% - 135px);
}

.contact-form form input:not([type="submit"]), .popmake-content  form input:not([type="submit"]){
	background: none;
	border-top: none;
    border-left: none;
    border-right: none;
	border-bottom: 1px dashed #333;
}
.contact-form form input:not([type="submit"]):focus, .popmake-content  form input:not([type="submit"]):focus {
	background: 1px dashed #1f84a0;
	border-top: 1px dashed #1f84a0;
    border-left: 1px dashed #1f84a0;
    border-right: 1px dashed #1f84a0;
	border-bottom: 1px dashed #1f84a0;
}
.contact-form form .wpcf7-form-control-wrap.motif .select2-choice, .popmake-content form .wpcf7-form-control-wrap.motif .select2-choice{
	background: none;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    border-bottom: 1px dashed #333!important;
}
.contact-form form input[type="submit"] {
	margin: 0;
    padding: 0;
    background: none;
    color: #1f84a0;
    height: initial;	
}
.contact-form form .btn-base {
	border : 1px solid #1f84a0;
    border-radius: 10px;
}
.contact-form input[type='checkbox'] {
	margin: 8px 8px 8px 0;
	height: initial;
}
.contact-form .call-msg span {
	padding-left: 0;
}
body .select2-drop-active {
	z-index: 1500000000000;
}
.contact-form .acceptance-772 {
	padding-left: 0!important;
}
.contact-form .acceptance-772 .wpcf7-list-item {
	margin-left: 0;
}
#contact .mgt-icon-box .mgt-icon-box-content h5 {
	display: none;
}
/****************************************************************
                 Connexion
****************************************************************/
.futur-client {
	padding: 3rem 7%;
	align-items: center;
}
.bg-f4f4f4 {
	background: #f4f4f4;
}
.um input[type=submit].um-button {
	background: #1f84a0!important;
	border: 1px solid transparent!important;
	transition: all 500ms ease-in-out;
}
.um input[type=submit].um-button:hover {
	background: #fff!important;
	border: 1px solid #1f84a0!important;
	color: #1f84a0;
}
/****************************************************************
                 Espace Pharmacien
****************************************************************/
.btn-card {
	padding: 4rem 1rem;
	color: #fff;
	position: relative;
}
.btn-card p {
	margin-bottom: 0;
}
.btn-card a {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0
}
.email-414 {
	display: none!important;
}
.delegue {
    padding: 4rem 2rem;
    background: #f5f5f5;
}
.nav-esp-pharma .wp-block-button a {
	min-height: 60px;
	height: initial;
    display: flex;	
    align-items: center;
    max-width: 196px;
}
.nav-esp-pharma .wp-block-column{
	padding-right: 0!important;
	padding-left: 0!important;
}
/****************************************************************
                 Telecharger documents
****************************************************************/
.wp-block-file {
	text-align: center;
}
.wp-block-file a {
	display: block;
}
.wp-block-file .wp-block-file__button {
	font-size: 1em;
	display: inline-block;
	margin-top: 2rem;
}
.wp-block-file a:first-child::before {
	content: '';
	display: block;
	background-image: url('/wp-content/uploads/2021/01/docs-blue.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 64px;
	width: 64px;
	margin:auto;
	transition: all 500ms ease-in-out;
}
.input-group-addon {
	width: initial;
}
.wpdm-pro input[type="text"] {
	    max-width: 87%;
}
.post-comments-count {
	display: none;
}
.single-wpdmpro .post-social-wrapper {
	display: none;
}
/****************************************************************
                 Responsive
****************************************************************/
@media (max-width: 1199.99px){
	header .navbar .nav > li > a {
		font-size: 13px;
	}
}
@media (max-width: 991px){
	header .navbar .nav > li > a {
		padding: 6px 10px;
	}
}
@media (max-width: 767.99px) {
	.top-menu-position-default {
		display: none;
	}
	.sm-none {
		display: none;
	}
	.reverse-column {
		flex-direction: column-reverse;
	}
	.mh-800 {
		min-height: 350px!important;
	}
	.sm-block {
		display: block;
	}
	.sm-none {
		display: none;
	}
	.sm-align-center {
		justify-content: center!important;
	}
	.user-name {
		font-size: 24px;
		text-align: center;
		margin-bottom: 2rem;
	}
	.top-header .top-menu {
		padding-right: 1rem;
		padding-left: 1rem;
	}
}
@media (max-width: 599.99px) {
	.separator {
		border-bottom: 1px solid #666;
		border-right: none;
	}
	.logged-in .separator {
		border-bottom: none;
	}
}