/* culetto */
/*------------------------------------------------------------------
        GLOBAL CSS for Abvent's websites
------------------------------------------------------------------*/
/*------------------------------------------------------------------

	TABLE OF CONTENTS:
	-------------------

	1. Typo Reset 							[#typo-reset] (rem, .small-text)

	2. Language classes						[#lang] (.lang-fr, .lang-eng)

	3. Nav 									[#nav]
		3.1 Main Nav 						[#mainnav]
		3.2 Sub Nav 						[#subnav]
		3.3 Sidebar 						[#sidebar]
		3.4 Admin bar

	4. Forms								[#forms]
		4.1 Formidable forms 				[#formidable]

	5. Countdown 							[#countdown]

	6. Icon Illustrations					[#illus] (Illustrations for each section of text)

	7. Buttons								[#btn]
		7.1 Outlined						[#btn-out] (.btn-outlined)
		7.2 Disabled
		7.3 Warning
		7.4 Social in footer

	8. Images
		8.1 Images overlay animation
		8.2 Video placeholder


	9. Avia Blocks
		9.1 Masonry
		9.2 Tables
		9.3 Social Share Buttons
		9.4 Message boxes
		9.5 Blog posts

	10. Login/Register
        10.1 Websites logos Login 				[#logoslogin]

    11. Logged-in/logged-out				(.abv-logged-in, .abv-logged-out)

    12. Progress Bars

    13. Hide Blocks

    14. Plugins
    	14.1 Simple Google Calendar
		14.2 Cookie Notice by dFactory

	15. Media Queries Classes				(.hide-mobile)





------------------------------------------------------------------*/
@import url("https://rsms.me/inter/inter.css");
html {
  font-family: 'Inter', sans-serif; }

/*------------------------------------------------------------------
			1. Typo Reset 						[#typo-reset] (rem)
------------------------------------------------------------------*/
/* REM */
html,
body {
  font-family: 'Inter var', sans-serif;
  font-size-adjust: 0.508;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  font-size: 17px;
  line-height: 1.5rem;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important; }

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: none !important;
  letter-spacing: normal !important;
  line-height: 1.4em;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-weight: 500; }

h3 {
  line-height: 1.8rem; }

.special_amp {
  color: inherit !important;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit; }

/* Text smaller than rem text inside a section with id=small-text */
/* old (do not use anymore, use .small-text)*/
.small-text,
#small-text p,
.small-text a,
.small-text p,
.small-text li {
  font-size: 0.9rem;
  line-height: 1.45em; }

.extra-small-text p,
.extra-small-text {
  font-size: 0.7rem;
  line-height: 1.45em; }

.regular-text p,
.regular-text h1,
.regular-text h2,
.regular-text h3,
.regular-text h4,
.regular-text h5,
.regular-text h6 {
  font-family: 'Inter var', sans-serif;
  font-size-adjust: 0.508;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal; }

.strong-text p,
.strong-text h1,
.strong-text h2,
.strong-text h3,
.strong-text h4,
.strong-text h5,
.strong-text h6,
.strong-text {
  font-family: 'Inter var', sans-serif;
  font-size-adjust: 0.508;
  font-weight: 600;
  letter-spacing: normal; }

div p:first-child {
  margin-top: 0; }

div fieldset p:first-child {
  margin-top: 0.85em;
  border: 0; }

.av-subheading p {
  font-size: inherit; }

h1 strong,
h2 strong,
h3 strong {
  font-family: 'Inter var', sans-serif;
  font-size-adjust: 0.508;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  letter-spacing: -0.06rem; }

p b,
p strong,
li strong,
strong {
  font-family: 'Inter var', sans-serif;
  font-size-adjust: 0.508;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal; }

p a {
  color: inherit !important;
  text-decoration: none;
  border-bottom: 1px solid; }

p a:hover {
  text-decoration: none; }

p a.no-border {
  border-bottom: 0px; }

sup {
  line-height: 0; }

.widgettitle {
  font-family: 'Inter var', sans-serif;
  font-size-adjust: 0.508;
  font-weight: 600;
  letter-spacing: normal; }

.miniheading,
.author_name,
#reply-title,
#top .logged-in-as,
.dynamic-column-title {
  font-family: 'Inter var', sans-serif;
  font-size-adjust: 0.508;
  font-weight: 600;
  letter-spacing: normal; }

.avia-button.avia-size-large,
.avia-promocontent p,
p {
  font-size: 1rem; }

/* buttons */
.avia_ajax_form .button {
  font-size: 1rem;
  padding: 10px 20px; }

/* widget footer */
.widget_nav_menu .current-menu-item > a,
.widget_nav_menu .current_page_item > a {
  font-weight: normal; }

.footer_color .widget_nav_menu ul:first-child > .current-menu-item,
.footer_color .widget_nav_menu ul:first-child > .current_page_item {
  background-color: transparent; }

.no-margin {
  margin: 0 0 14px 0;
  font-size: 0.8rem; }

#top .av-submenu-container {
  line-height: 1.8em; }

/* Image Caption on Mouse hover */
#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
  font-size: 0.9rem;
  font-family: 'Inter var', sans-serif;
  font-size-adjust: 0.508;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal; }

/*------------------------------------------------------------------
		2. Language classes				[#lang]
------------------------------------------------------------------*/
html[lang='en-US'] .lang-fr {
  display: none; }

html[lang='fr-FR'] .lang-eng {
  display: none; }

/*------------------------------------------------------------------
		3. Nav 									[#nav]
------------------------------------------------------------------*/
/*------------------------------------------------------------------
			3.1 Main Nav 						[#mainnav]
*/
.av-main-nav > li > a,
.av-main-nav > li > a > span {
  font-size: 0.9rem;
  font-weight: normal; }

.av-main-nav > li a span {
  font-family: 'Inter var', sans-serif;
  font-size-adjust: 0.508;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal; }

/* Bordered menu item */
#top .av-menu-button > a .avia-menu-text {
  border: 1px solid;
  border-radius: 100px; }

/* Mobile */
@media only screen and (max-width: 1140px) {
  #wrap_all {
    position: relative !important; }
  .html_mobile_menu_tablet .container #advanced_menu_toggle,
  .html_mobile_menu_tablet #advanced_menu_hide {
    display: block !important; }
  .html_mobile_menu_tablet #mobile-advanced {
    display: block !important; } }

/* Hide Flags */
.av-language-switch-item {
  display: none; }

/* icons in menu */
.menu-icon > a > .avia-menu-text {
  display: none; }

.menu-icon > a::before {
  background-repeat: no-repeat;
  background-position: center; }

/*------------------------------------------------------------------
			3.2 Sub Nav 						[#subnav]
*/
#top .av_header_transparency #header_meta {
  border-bottom: 0; }

.avia_wpml_language_switch {
  display: none; }

#top .sub_menu li ul {
  padding: 0;
  top: 15px;
  width: auto; }

/*------------------------------------------------------------------
			3.3 Sidebar 						[#sidebar]
*/
.recentcomments a,
.widget_recent_entries li a {
  font-family: 'Inter var', sans-serif;
  font-size-adjust: 0.508;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal; }

#footer .widgettitle {
  margin-top: 0;
  font-family: 'Inter var', sans-serif;
  font-size-adjust: 0.508;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal; }

/*------------------------------------------------------------------
	3.4 Admin Bar
	to fix the Chrome for Windows Issue: the admin bar does not show in large windows
*/
#wpadminbar {
  transform: translateZ(0); }

/*------------------------------------------------------------------
        4. Forms								[#forms]
------------------------------------------------------------------*/
/*------------------------------------------------------------------
		4.1 Formidable forms 					[#formidable]
*/
.frm_style_education.with_frm_style input[type='text'],
.frm_style_education.with_frm_style input[type='password'],
.frm_style_education.with_frm_style input[type='email'],
.frm_style_education.with_frm_style input[type='number'],
.frm_style_education.with_frm_style input[type='url'],
.frm_style_education.with_frm_style input[type='tel'],
.frm_style_education.with_frm_style input[type='file'],
.frm_style_education.with_frm_style input[type='search'],
.frm_style_education.with_frm_style select {
  height: 2.5rem; }

.frm_style_education.with_frm_style .frm-show-form .frm_section_heading h3 {
  border-top: 0;
  font-size: 1.6rem;
  font-weight: bold; }

.big-forms .frm_form_field {
  width: 100%; }

.big-forms .frm_form_field input {
  width: 100% !important;
  height: 3rem !important;
  padding: 10px !important; }

.frm_description {
  line-height: 1.4em; }

.big-forms .frm_half {
  width: 46%; }

#top input.frm_none_container[type='text'] label.frm_primary_label,
#top input.frm_pos_none[type='text'] {
  display: none; }

#top input.frm_other_input[type='text'] {
  margin-top: 1rem;
  width: 100%; }

#top .frm_style_education.with_frm_style .frm_error {
  margin-top: -12px; }

#top #footer input[type='text'],
#top #footer input[type='email'] {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid; }

/* Notification used for exemple: "You must be logged in to view this form" */
.abv-notification {
  padding: 2rem;
  background-color: #ff3442;
  margin-bottom: 3rem;
  color: #333333;
  border-radius: 4px; }

.abv-notification .btn-outlined a.avia-button {
  margin-top: 1rem;
  font-size: 1rem;
  border-color: #333333;
  color: #333333 !important;
  padding: 0.8rem 1.8rem; }

#top .with_frm_style .abv-form {
  /* AVANCEMENT ou ROOTLINE */
  /* SLIDER */
  /*/*/ }
  #top .with_frm_style .abv-form label {
    font-size: 0.92rem; }
  #top .with_frm_style .abv-form .frm_form_field {
    margin-bottom: 2rem; }
  #top .with_frm_style .abv-form .frm_rootline_group {
    margin-bottom: 3rem;
    box-shadow: 0 15px 50px #f2f2f2;
    padding: 1rem 1rem 0.5rem 1rem;
    border: 1px solid #f2f2f2; }
  #top .with_frm_style .abv-form .frm_pages_complete,
  #top .with_frm_style .abv-form .frm_percent_complete {
    opacity: 0.5; }
  #top .with_frm_style .abv-form ul.frm_page_bar li.frm_rootline_single {
    display: flex;
    justify-content: space-between;
    background-color: white;
    margin-left: 8px;
    padding: 0.2rem 0.5rem;
    position: relative;
    border-bottom: 5px solid #efefef;
    transition: all 0.25s ease-in-out; }
    #top .with_frm_style .abv-form ul.frm_page_bar li.frm_rootline_single:hover {
      border-bottom: 5px solid #ffe457; }
    #top .with_frm_style .abv-form ul.frm_page_bar li.frm_rootline_single span {
      text-align: center;
      display: block;
      width: 100%;
      font-family: 'Inter var', sans-serif;
      font-size-adjust: 0.508;
      font-weight: normal;
      font-style: normal;
      letter-spacing: normal;
      line-height: 1.4em; }
  #top .with_frm_style .abv-form ul.frm_page_bar li.frm_current_page {
    background-color: white;
    /*@include shadow(rgba($ac-color, 0.5));*/
    z-index: 2;
    border-bottom: 5px solid #ffe457; }
  #top .with_frm_style .abv-form ul.frm_page_bar .frm_current_page input[type='button'],
  #top .with_frm_style .abv-form ul.frm_page_bar input[type='button'] {
    opacity: 0.01;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    border-radius: 0;
    z-index: 3;
    cursor: pointer; }
  #top .with_frm_style .abv-form ul.frm_page_bar .frm_rootline.frm_show_lines:before {
    display: none; }
  #top .with_frm_style .abv-form #frm_field_606_container h3 {
    margin-bottom: 2rem; }
  #top .with_frm_style .abv-form #frm_field_606_container .frm_description {
    font-size: 1rem; }
  #top .with_frm_style .abv-form .abv-slider {
    padding-top: 1rem;
    font-size: 0.8rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap; }
    #top .with_frm_style .abv-form .abv-slider .abv-before-slider,
    #top .with_frm_style .abv-form .abv-slider .abv-after-slider {
      opacity: 0.4; }
  #top .with_frm_style .abv-form .frm_range_container {
    flex-grow: 1;
    padding: 0 2rem; }
  #top .with_frm_style .abv-form .frm_range_value {
    display: none; }
  #top .with_frm_style .abv-form input[type='range'] {
    border-radius: 5px;
    box-shadow: inset 1px 2px 10px #f0f0f0 !important;
    background-color: #ffffff !important; }
  #top .with_frm_style .abv-form #frm_field_606_container .frm_form_field {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 2rem; }

/*------------------------------------------------------------------
		5. Countdown 						[#countdown]
------------------------------------------------------------------*/
#event-countdown .countdown {
  font-family: 'Inter var', sans-serif;
  font-size-adjust: 0.508;
  font-weight: 200;
  font-style: normal;
  letter-spacing: normal;
  height: auto;
  overflow: auto; }

#event-countdown .countdown .countdown_section {
  font-size: 1rem;
  line-height: 2.2rem; }

#event-countdown .countdown .countdown_section .countdown_amount {
  font-size: 3.5rem;
  line-height: 4.2rem; }

#event-countdown .av-section-video-bg {
  opacity: 0.2;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%); }

/*------------------------------------------------------------------
		6. Illustrations 						[#illus]
------------------------------------------------------------------*/
span.illustration {
  font-size: 9rem; }

span.illustration sup {
  font-size: 2rem; }

span.illustration-medium {
  font-size: 6rem;
  display: inline-block; }

span.illustration-medium sup {
  font-size: 1rem; }

.wp-svg-expand {
  font-family: 'ac-icons'; }

.svg-logo {
  width: 100%;
  height: 100%;
  max-width: 240px; }

.svg-large {
  width: 100%;
  height: 100%;
  max-width: 120px; }

.svg-medium {
  width: 100px;
  height: 100px;
  display: inline-block; }

/*------------------------------------------------------------------
		7. Buttons								[#btn]
------------------------------------------------------------------*/
/* When 2 buttons are floating right or left */
body .btn-double {
  margin: 0 1rem; }

body .btn-double:first-of-type {
  margin: 0; }

/*------------------------------------------------------------------
		7.1 Outlined						[#btn-out] (.btn-outlined)
*/
.btn-outlined a.avia-button,
a.btn-outlined {
  background-color: transparent !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border: 1px solid;
  transition: all 0.25s ease-in-out; }

.btn-outlined a.avia-button:hover,
a.btn-outlined:hover {
  border: 1px solid; }

.btn-first a.avia-button {
  margin-right: 1.5rem; }

/*------------------------------------------------------------------
		7.2 Disabled						[#btn-out] (.btn-disabled)
*/
.btn-disabled a.avia-button {
  opacity: 0.4; }

.btn-disabled a.avia-button:hover,
.outlined-dark.btn-disabled a.avia-button.avia-color-theme-color-subtle:hover,
.outlined-dark.btn-disabled a.avia-button.avia-color-theme-color-subtle:active,
.outlined-dark.btn-disabled a.avia-button.avia-color-theme-color-subtle:focus {
  border: 1px solid !important;
  background-color: inherit !important; }

/*------------------------------------------------------------------
	7.3 Warning 							(.btn-warning)
*/
.btn-warning a.avia-button,
.btn-warning a.avia-button:hover {
  border-color: #ff3442;
  color: #ff3442 !important;
  background-color: transparent !important; }

/* Warning Message */
.abv-warning a {
  border-bottom: 1px solid #ff3442 !important; }

/*------------------------------------------------------------------
	7.4 Socail in footer
*/
/* Social icons */
#footer a.abv-social {
  opacity: 0.8;
  margin-right: 0.2rem;
  transition: all 0.25s ease-in-out; }
  #footer a.abv-social:hover {
    text-decoration: none;
    opacity: 1; }
  #footer a.abv-social img,
  #footer a.abv-social svg {
    width: 34px;
    height: 34px; }

/*------------------------------------------------------------------
        8. Images
------------------------------------------------------------------*/
/*------------------------------------------------------------------
	8.1 images overlay animation				[#imgoverlay]
*/
.image-overlay {
  visibility: hidden; }

/*------------------------------------------------------------------
    8.2 Video placeholder
*/
.video-placeholder a {
  position: relative; }

.video-placeholder a::before,
a.video-placeholder::before {
  content: '';
  background-image: url("https://assets.abvent.com/wp-content/uploads/2017/10/play.svg");
  width: 4rem;
  height: 4rem;
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2.5rem;
  margin-left: -2.5rem; }

/*------------------------------------------------------------------
        9. Avia Blocks
------------------------------------------------------------------*/
/*------------------------------------------------------------------
		9.1 Masonry
*/
.main_color .av-masonry {
  background-color: transparent; }

@-webkit-keyframes avia_msonry_show {
  0% {
    -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
    opacity: 0.1; }
  100% {
    -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
    opacity: 1; } }

@keyframes avia_msonry_show {
  0% {
    transform: translateZ(0px) translateY(0px) rotateX(0deg);
    opacity: 0.1; }
  100% {
    transform: translateZ(0px) translateY(0px) rotateX(0deg);
    opacity: 1; } }

.main_color .av-masonry .iv-alternate {
  background-color: inherit; }

/*------------------------------------------------------------------
	9.2 Tables
*/
.main_color table.minimal-table {
  background: transparent;
  border-top: 1px solid #d6d6d6; }

.minimal-table th {
  text-transform: none;
  letter-spacing: normal;
  border-top: 0;
  border-left-width: 0;
  border-bottom-width: 0;
  border-right-width: 0;
  opacity: 0.5; }

.minimal-table tr th:first-child,
tr td:first-child {
  border-left-width: 0; }

.minimal-table tr {
  border: 0 solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  background-color: transparent;
  border-top-width: 0; }

.main_color .minimal-table tr:nth-child(odd),
.main_color .minimal-table .pricing-table > li:nth-child(odd),
.main_color .minimal-table .pricing-extra,
.main_color .minimal-table tr:nth-child(even),
.main_color .minimal-table .avia-data-table .avia-heading-row .avia-desc-col,
.main_color .avia-data-table .avia-highlight-col,
.main_color .minimal-table .pricing-table > li:nth-child(even),
body .main_color .minimal-table .pricing-table.avia-desc-col li {
  background: transparent; }

.minimal-table td {
  border: 0; }

/*------------------------------------------------------------------
	9.3 Social Share Buttons
*/
.abv-social-buttons {
  margin-top: 2rem; }

#top .abv-social-buttons .av-share-box ul {
  width: auto;
  background-color: #f0f0f0;
  border: 0px solid #d6d6d6;
  float: right; }

.abv-social-buttons .av-share-box ul li a {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.abv-social-buttons .av-share-link {
  width: 2.5rem;
  display: inline-block;
  border-left: 1px solid #ffffff; }

.abv-social-buttons.av-social-sharing-box .av-share-box {
  float: left;
  width: auto; }

.av-share-box .avia-related-tooltip {
  width: 200px;
  padding: 10px; }

/*------------------------------------------------------------------
	9.4 Message Boxes
*/
body .abv-message-box {
  background-color: #fef334;
  margin-top: 0;
  padding: 2.4rem;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  body .abv-message-box h3,
  body .abv-message-box a {
    text-transform: none;
    font-family: 'Inter var', sans-serif;
    font-size-adjust: 0.508;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal; }
  body .abv-message-box .avia-button-wrap {
    margin-top: 1rem; }

/*------------------------------------------------------------------
	9.5 Blog Posts
*/
/* To achieve a minimal list of posts: set "Single Author, small preview pic" option in module configuration */
#top .abv-post-list-table.fullsize .template-blog article {
  display: inline-flex;
  padding-bottom: 1.5rem; }
  #top .abv-post-list-table.fullsize .template-blog article .blog-meta,
  #top .abv-post-list-table.fullsize .template-blog article .entry-content-wrapper {
    display: inline-flex;
    align-items: center; }
  #top .abv-post-list-table.fullsize .template-blog article .blog-meta {
    width: 81px;
    box-sizing: border-box;
    margin-right: 2rem; }
  #top .abv-post-list-table.fullsize .template-blog article .entry-content-wrapper {
    width: calc(100% - 81px - 2rem);
    max-width: 100%;
    min-width: 300px; }
    #top .abv-post-list-table.fullsize .template-blog article .entry-content-wrapper h2.post-title {
      font-size: 1.2rem;
      text-align: left; }
    #top .abv-post-list-table.fullsize .template-blog article .entry-content-wrapper span {
      text-align: left; }
    #top .abv-post-list-table.fullsize .template-blog article .entry-content-wrapper .blog-author {
      display: none; }
    #top .abv-post-list-table.fullsize .template-blog article .entry-content-wrapper > * {
      margin: 0; }
    #top .abv-post-list-table.fullsize .template-blog article .entry-content-wrapper .entry-content-header {
      width: 80%;
      display: inline-block;
      padding-right: 1rem; }
    #top .abv-post-list-table.fullsize .template-blog article .entry-content-wrapper .entry-content {
      width: 30%;
      display: inline-block;
      min-width: 8rem; }
      #top .abv-post-list-table.fullsize .template-blog article .entry-content-wrapper .entry-content .read-more-link {
        margin-top: 0;
        font-size: 0.9rem; }
      #top .abv-post-list-table.fullsize .template-blog article .entry-content-wrapper .entry-content p {
        display: none; }
    #top .abv-post-list-table.fullsize .template-blog article .entry-content-wrapper .entry-footer,
    #top .abv-post-list-table.fullsize .template-blog article .entry-content-wrapper .post_delimiter {
      display: none; }

/*------------------------------------------------------------------
        10. Login/Register 						[#login]
------------------------------------------------------------------*/
.fond-couleur {
  width: 100%;
  height: 100%;
  padding: 40px;
  background-color: #ffffff;
  border-radius: 2px; }

.wppb-form-field label,
#wppb-login-wrap .login-username label,
#wppb-login-wrap .login-password label {
  width: 100%; }

.wppb-form-field input {
  margin: 0 !important; }

#wppb_register_pre_form_message {
  display: none; }

.wppb-form-field input,
.wppb-form-field input[type='text'],
.wppb-form-field input[type='email'],
.wppb-form-field input[type='url'],
.wppb-form-field input[type='password'],
.wppb-form-field input[type='search'],
.wppb-form-field select,
.wppb-form-field textarea,
.wppb-checkboxes,
.wppb-radios,
#wppb-login-wrap .login-username input,
#wppb-login-wrap .login-password input {
  width: 100%; }

#top .main_color .input-text,
#top .main_color input[type='text'],
#top .main_color input[type='input'],
#top .main_color input[type='password'],
#top .main_color input[type='email'],
#top .main_color input[type='number'],
#top .main_color input[type='url'],
#top .main_color input[type='tel'],
#top .main_color input[type='search'],
#top .main_color textarea,
#top .main_color select {
  color: #00001a; }

.wppb-form-field > span {
  margin-left: 0;
  font-style: normal;
  font-size: 0.8rem;
  color: #f7f7f7; }

#top label {
  font-size: 0.8rem; }

.login h1 a {
  background-image: url("https://vador.abvent.com/wp-content/uploads/2015/08/abventid-logo.png");
  width: 100% !important;
  background-size: 200px auto; }

body.login {
  background: #ffffff !important; }

.login .message {
  border-left: 1px;
  background-color: #fff;
  box-shadow: none !important; }

.login form {
  box-shadow: none !important; }

.login #backtoblog {
  display: none; }

.wp-core-ui .button-primary {
  background: #00001a;
  border-color: transparent;
  box-shadow: none;
  color: #fff;
  text-decoration: none;
  float: none;
  display: block;
  margin-top: 50px;
  transition: all 0.25s ease-in-out; }

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:active,
.wp-core-ui .button-primary:focus {
  border: transparent;
  box-shadow: none;
  background-color: #ffe457;
  color: #00001a; }

.with_frm_style .auto_width #loginform input,
.with_frm_style .auto_width input,
.with_frm_style input.auto_width,
.with_frm_style select.auto_width,
.with_frm_style textarea.auto_width {
  width: 100%; }

.login-links a {
  font-size: 0.8rem;
  line-height: 1rem; }

.login p.message {
  border: 0;
  padding: 15px; }

.login-section {
  height: auto;
  min-height: 80vh;
  overflow: auto; }

.login-image-section {
  position: absolute;
  bottom: 0;
  top: 50%;
  left: 0;
  right: 0;
  z-index: -1; }

.mu_register {
  color: #757585;
  font-size: 0.9rem;
  line-height: 1.2rem;
  font-family: 'Inter var', sans-serif;
  font-size-adjust: 0.508;
  font-weight: 200;
  font-style: normal;
  letter-spacing: normal; }

.mu_register input[type='text'] {
  margin-bottom: 0 !important; }

.main_color .mu_register input[type='submit'] {
  width: auto;
  color: #ffffff;
  font-size: 1rem;
  margin-top: 25px;
  transition: all 0.25s ease-in-out; }

.main_color .mu_register input[type='submit']:hover {
  color: #00001a;
  background-color: #ffe457; }

.mu_register label {
  margin-top: 30px !important;
  color: #00001a;
  font-size: 0.9rem !important; }

/*------------------------------------------------------------------
        10.1 Websites logos Login 				[#logoslogin]
*/
/*.reseau-abvent a {
	text-decoration: none!important;
	border-bottom: 0;
}

.svg-medium path, .svg-large path {
	fill: $ac-dark;
}
.reseau-abvent p {
	margin-bottom: 0;
}
.reseau-abvent svg {
	width: auto;
	height: 45px;
	max-width: 120px;
}
.reseau-abvent svg g * {
	fill: lighten($ac-medium, 15);
}
.reseau-abvent svg:hover g * {
	fill: $ac-dark;
	@include animation;
}

.logos-404 a {
	margin-right: 40px;
	line-height: 4rem;
}

.logos-404 a:last-child {
	margin-right: 0;
}

.reseau-abvent svg:hover mask {
	display: none;
}*/
img.grayscale {
  -webkit-filter: grayscale(100%);
  /* Chrome, Safari, Opera */
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all 0.25s ease-in-out; }

img.grayscale:hover {
  -webkit-filter: grayscale(100%);
  /* Chrome, Safari, Opera */
  filter: grayscale(100%);
  opacity: 1; }

/*------------------------------------------------------------------
		10.2 WPUM
*/
.wpum-account-forms-tabs li {
  list-style-type: none;
  display: inline-block; }

.wpum-account-forms-tabs li a {
  display: inline-block;
  padding: 3px 14px;
  border: 1px solid #d6d6d6;
  border-radius: 50px;
  font-size: 0.8rem;
  transition: all 0.25s ease-in-out;
  text-decoration: none; }

.wpum-account-forms-tabs li:first-child,
.wpum-account-forms-tabs ul {
  margin-left: 0; }

.wpum-account-forms-tabs li a:hover {
  background-color: #00001a;
  color: #ffffff;
  border: 1px solid #00001a; }

.wpum-helper-links {
  padding-top: 0.7rem; }

.wpum-helper-links p {
  font-size: 0.8rem;
  margin: 0; }

div.wpum-message {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 4px;
  color: #c09853; }

div.wpum-message.success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847; }

div.wpum-message.error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48; }

div.wpum-message.info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad; }

/*------------------------------------------------------------------
	11. Logged-in/logged-out toggle content display
------------------------------------------------------------------*/
.abv-logged-in,
.logged-in .abv-logged-out {
  display: none; }

.logged-in .abv-logged-in,
.logged-out {
  display: initial; }

#logged-in, .logged-in #logged-out {
  display: none; }

.logged-in #logged-in, #logged-out {
  display: initial; }

/*------------------------------------------------------------------
	12. Progress Bar https://wordpress.org/plugins/progress-bar/other_notes/
------------------------------------------------------------------*/
.wppb-progress span {
  height: 1.5rem;
  display: block;
  box-shadow: 2px 0 5px #d2d2d2; }

div.wppb-progress {
  background: #f2f2f2;
  overflow: hidden;
  /*box-shadow: inset 0px 0px 8px #c2c2c2;*/ }

div.wppb-wrapper div.inside {
  color: #222222; }

/*------------------------------------------------------------------
	13. Hide Blocks
------------------------------------------------------------------*/
.abv-inactif {
  display: none;
  opacity: 0; }

.abv-actif {
  display: block;
  opacity: 1;
  transition: all 0.25s ease-in-out; }

.abv-hide {
  position: absolute;
  left: -9999px;
  height: 0px; }

/*------------------------------------------------------------------
	14. Plugins
------------------------------------------------------------------*/
/*------------------------------------------------------------------
	14.1 Simple Google calendar
*/
[class^='simcal-icon-']:before,
[class*=' simcal-icon-']:before {
  font-size: 1rem; }

.simcal-default-calendar-list .simcal-calendar-head {
  background-color: #f2f2f2;
  padding: 1rem;
  border-radius: 50px;
  width: 50%;
  margin: auto;
  min-width: 350px;
  box-sizing: border-box; }

ul.event-details {
  list-style-type: none; }

ul.event-details,
ul.event-details li {
  margin: 0;
  padding: 0; }

ul.event-details li:before {
  font-family: 'entypo-fontello';
  margin-right: 1rem;
  font-size: 1.3rem;
  vertical-align: middle;
  width: 1.3rem; }

ul.event-details li.when:before {
  content: '\e862'; }

ul.event-details li.where:before {
  content: '\e842'; }

ul.event-details li.description p {
  font-size: 0.9rem; }

.simcal-default-calendar-list ul.simcal-events li.simcal-event {
  padding: 1.4rem;
  background-color: #f2f2f2;
  margin-bottom: 1.4rem; }

ul.event-details a.event-button,
ul.event-details a.btn-outlined {
  border: 1px solid;
  border-radius: 50px;
  text-decoration: none;
  padding: 0.5rem 1rem;
  margin-top: 1rem;
  display: inline-block; }

/*------------------------------------------------------------------
	14.2 Cookies Notice by dFactory
*/
#cookie-notice {
  background-color: #1f2532 !important;
  border-radius: 2px;
  bottom: 2rem;
  box-shadow: 0 0.8rem 2rem rgba(31, 37, 50, 0.4);
  font-size: 0.8rem;
  height: auto;
  left: 2rem;
  line-height: 1.4em;
  min-width: 300px;
  position: fixed;
  text-align: center;
  width: 25vw;
  z-index: 100000; }
  #cookie-notice .cookie-notice-container {
    padding: 1rem 1rem 1.5rem 1rem;
    text-align: left;
    position: relative; }
    #cookie-notice .cookie-notice-container .cookie-message {
      margin-bottom: 1rem;
      color: #f2f2f2 !important; }
      #cookie-notice .cookie-notice-container .cookie-message a,
      #cookie-notice .cookie-notice-container .cookie-message a:hover {
        color: inherit;
        border-bottom: 1px solid;
        text-decoration: none; }
    #cookie-notice .cookie-notice-container a.cookie-button {
      display: inline-block;
      width: auto;
      margin: 0;
      /*border: 1px solid;*/
      color: #1f2532;
      background-color: #fef334;
      border-radius: 50px;
      padding: 0.4rem 0.8rem;
      text-align: center;
      text-decoration: none; }

/*------------------------------------------------------------------
	15. Media Queries Classes
------------------------------------------------------------------*/
/* Hide on mobiles */
@media only screen and (max-width: 767px) {
  html .hide-mobile {
    display: none !important; } }