/*
 Theme Name:   Ocean WP Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Ocean WP Child Theme
 Author:       Inside Communication
 Author URI:   http://example.com
 Template:     oceanwp
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  oceanwpchild
*/

/*CUSTOM CSS*/

/*
Bleu foncé : #3c63a8
Bleu clair : #5cc4e7
Bleu turquoise : #1d969f
*/

/*
General
*/


a {
  &:focus {
    outline: 0 !important;
    text-decoration: none !important;
  }
}

.vc_row:not(.vc_inner){
  padding-top: 15px;
  padding-bottom:15px;
}

.wht_txt {
  * {
    color: #fff;
  }
}

.smll_title {
  margin-bottom: 0;
  * {
    font-size: 2rem;
    line-height: 1.4;
    text-transform: uppercase;
    font-weight: 200;
  }
}

@media screen and (min-width: 768px) {
  .half_pad-right-desktop {
    padding-right: 50%;
  }
}

.dark_it {
  &::after {
    content: "";
    position: absolute;
    display: block;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.2);
    pointer-events: none;
    z-index: 2;
    height: 100% !important;
    visibility: visible !important;
  }
  > .wpb_column,
  > .wpb_column * {
    z-index: 3;
    position: relative;
  }
}

header.page-header{
  &::after {
    content: "";
    position: absolute;
    display: block;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.2);
    pointer-events: none;
    z-index: 2;
    height: 100% !important;
    visibility: visible !important;
  }
  .page-header-inner{
    z-index: 3;
    text-align: left!important;
    display: flex;
    flex-direction: column;
    .page-subheading{
      max-width: 70%;
    }
    .site-breadcrumbs{
      text-align: left;
      order: -1;
      height: fit-content;
    }
  }
}

.vc_row.vc_inner{
  margin-bottom:40px;
}

.long_text{
  p{
    max-width: 70%;
    margin:auto;
  }
}

/*
Menu
*/


#site-header {
  position: relative;
  border-bottom: none;
  &::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #3c63a8;
    transform-origin: left;
    transform: scaleX(0);
    animation: draw-border 1.5s ease-out forwards;
    visibility: visible;
  }
  #mobile-dropdown{
    nav{
      #menu-main-1{
        li{
          text-transform: uppercase;
        }
      }
    }
  }
}

@keyframes draw-border {
  to {
    transform: scaleX(1);
  }
}

.effect-one {
  #site-navigation-wrap {
    .dropdown-menu {
      > li.current-menu-item {
        > a.menu-link {
          > span {
            &:after {
              visibility: visible;
              -moz-transform: scaleX(1);
              -webkit-transform: scaleX(1);
              transform: scaleX(1);
            }
          }
        }
      }
    }
  }
}


/*
Boutons
*/


.vc_btn3 {
  &.vc_btn3-style-custom {
    background-image: none;
    background-color: #5cc4e7!important;
    padding : 14px 20px 14px 10px;
  }
  &::after {
    content: "";
    position: absolute;
    right: 40px;
    top: -1px;
    width: 1px;
    height: 105%;
    background: #fff;
    pointer-events: none;
  }
  &.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) {
    .vc_btn3-icon {
      right: 15px !important;
    }
  }
}

.page:not(.elementor-page):not(.woocommerce-page) {
  .entry {
    a:not(.wp-block-button__link):not(.wp-block-file__button) {
      text-decoration: none;
      text-transform: uppercase;
      transition: all 1s;

      &:hover {
        text-decoration: none;
        background-color: #2b487b !important;
        overflow: hidden;
      }
    }
  }
}

.vc_general {
  &.vc_btn3 {
    &:hover {
      .vc_btn3-icon {
        animation: slideArrow 0.3s ease-in-out 1;
      }
    }
  }
}

@keyframes slideArrow {
  0% {
    transform: translate(0, -50%);
  }
  70% {
    transform: translateX(300%) translateY(-50%);
  }
  70.01% {
    transform: translateX(-200%) translateY(-50%);
  }
  100% {
    transform: translate(0, -50%);
  }
}


/*
Home
*/


.title_number {
  position: absolute;
  z-index: -1;
  color: #e4e3e3;
  letter-spacing: 0;
  font-size: 150px;
  transform: translateY(-50%);
  &#num_2,
  &#num_4 {
    right: 10px;
  }
}

#rsrv_home {
  background-position: center;
  &::after {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }
}


/*
Home top
*/


#home_head {
  overflow: hidden;
  clip-path: polygon(
    calc(50% - 200px) 100%,
    calc(50% + 200px) 100%,
    calc(50% + 200px) calc(100% - 300px),
    calc(50% - 200px) calc(100% - 300px)
  );
  -webkit-clip-path: polygon(
    calc(50% - 200px) 100%,
    calc(50% + 200px) 100%,
    calc(50% + 200px) calc(100% - 300px),
    calc(50% - 200px) calc(100% - 300px)
  );
  animation: reveal-square 2s ease-in-out forwards;
  -webkit-animation: reveal-square 2s ease-in-out forwards;
  background-position: center;
  &::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background: inherit;
    transform-origin: center center;
    animation: kenburns 10s ease-in-out infinite alternate;
    -webkit-animation: kenburns 10s ease-in-out infinite alternate;
    z-index: 1;
  }
  h1 {
    line-height: 1;
    text-shadow: 2px -2px 5px #333;
  }
}

@keyframes kenburns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
  }
}

@keyframes reveal-square {
  0% {
    clip-path: polygon(
      calc(50% - 200px) 100%,
      calc(50% + 200px) 100%,
      calc(50% + 200px) calc(100% - 300px),
      calc(50% - 200px) calc(100% - 300px)
    );
  }
  50% {
    clip-path: polygon(
      calc(50% - 200px) calc(50% + 200px),
      calc(50% + 200px) calc(50% + 200px),
      calc(50% + 200px) calc(50% - 200px),
      calc(50% - 200px) calc(50% - 200px)
    );
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@-webkit-keyframes reveal-square {
  0% {
    -webkit-clip-path: polygon(
      calc(50% - 200px) 100%,
      calc(50% + 200px) 100%,
      calc(50% + 200px) calc(100% - 300px),
      calc(50% - 200px) calc(100% - 300px)
    );
  }
  50% {
    -webkit-clip-path: polygon(
      calc(50% - 200px) calc(50% + 200px),
      calc(50% + 200px) calc(50% + 200px),
      calc(50% + 200px) calc(50% - 200px),
      calc(50% - 200px) calc(50% - 200px)
    );
  }
  100% {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}


/*
Slide
*/


#serv_slide {
  padding: 0!important;
  .vc_column_container > .vc_column-inner:first-child {
    padding: 0 !important;
  }
  .slide-col {
    height: 480px;
    display: flex;
    width: auto;
    overflow: hidden;
    cursor: none !important;
    .slide-col-content {
      z-index: 2;
    }
    &:hover {
      .vc_column-inner:first-child {
        transform: scale(1.03);
        transition: transform 0.5s ease;

        &::before {
          background-color: rgba(0, 0, 0, 0.4);
        }
      }
    }
    h3 {
      text-transform: uppercase;
      position: relative;
      bottom: 20px;
    }
    .vc_column-inner:first-child {
      justify-content: center;
      display: flex;
      flex-direction: column;
      position: relative;
      transition: transform 0.5s ease;
      transform-origin: center;
      &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        transition: background-color 0.5s ease;
        z-index: 1;
      }
    }
    .serv-icons {
      text-align: center;
      i {
        color: #fff;
        font-size: 90px;
        position: relative;
        top: 20px;
      }
    }
  }
  .wpb_raw_code{
    margin-bottom: 0!important;
  }

}


#custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  background: #0c121c;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s ease;
  z-index: 9999;
  color: #fff;
  font-size: 18px;
  line-height: 60px;
  text-align: center;
  &::before {
    content: "<";
    font-size: 14px;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
  }
  &::after {
    content: ">";
    font-size: 14px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
  }
  &.visible {
    transform: translate(-50%, -50%) scale(1);
  }
}


/*
Bloc triangles parallax
*/


.triangle_prlx {
  &::before {
    display: block;
    content: "";
    position: absolute;
    top: 5%;
    left: 0;
    width: 20%;
    height: calc(100px + 45%);
    z-index: -1;
    background-image: repeating-linear-gradient(
      to bottom,
      #3c63a8 0 1px,
      transparent 1px 7px,
      #5cc4e7 7px 8px,
      transparent 8px 14px,
      #1d969f 14px 15px,
      transparent 15px 21px
    );
    background-size: 100% auto;
    background-position: left top;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    opacity: 0.3;
    pointer-events: none;
    transform: translateY(var(--parallax-offset, 0px));
    transition: transform 0.1s linear;
  }
}

.triangle_double {
  &::before {
    display: block;
    content: "";
    position: absolute;
    top: -5%;
    left: 0;
    width: 20%;
    height: calc(100px + 45%);
    z-index: -1;
    background-image: repeating-linear-gradient(
      to bottom,
      #3c63a8 0 1px,
      transparent 1px 7px,
      #5cc4e7 7px 8px,
      transparent 8px 14px,
      #1d969f 14px 15px,
      transparent 15px 21px
    );
    background-size: 100% auto;
    background-position: left top;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    opacity: 0.3;
    pointer-events: none;
    transform: translateY(var(--parallax-offset, 0px));
    transition: transform 0.1s linear;
  }
  &::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 5%;
    right: 0;
    width: 20%;
    height: calc(100px + 45%);
    z-index: -1;
    background-image: repeating-linear-gradient(
      to bottom,
      #3c63a8 0 1px,
      transparent 1px 7px,
      #5cc4e7 7px 8px,
      transparent 8px 14px,
      #1d969f 14px 15px,
      transparent 15px 21px
    );
    background-size: 100% auto;
    background-position: left top;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    opacity: 0.3;
    pointer-events: none;
    transform: rotate(180deg);
    transition: transform 0.1s linear;
  }
}


/*
Vertical lines
*/

@media screen and (min-width:768px){
  .vc_row {
    .qodef-grid-line-center,
    .qodef-grid-line-right {
      position: absolute;
      top: -15px;
      width: 1px;
      height: calc(100% + 30px);
      background-color: #dddce1;
      z-index: -1;
      .qodef-grid-line-inner {
        position: absolute;
        left: -1px;
        width: 3px;
        height: 58px;
        z-index: -5;
        background-color: #1d969f;
      }
    }
    .qodef-grid-line-center {
      right: 50%;
      .qodef-grid-line-inner {
        top: 60%;
        right: -1px;
        transform: translateY(var(--parallax-offset, 0px));
      }
    }
    .qodef-grid-line-right {
      right: 8%;
      .qodef-grid-line-inner {
        top: 40%;
        right: -1px;
        transform: translateY(var(--parallax-offset, 0px));
      }
    }
  }
}

/*
Footer
*/


footer#footer{
  #footer-inner{
    .footer-box{
      .footer-widget{
        &#block-8{
          text-align: center;
          img#footer_logo{
            max-width: 65%;
          }
        }
        .widget-title{
          font-size: 16px;
          text-transform: uppercase;
        }
        #menu-main-2{
          li.menu-item{
            padding: 3px 0!important;
            border-bottom: 1px solid #5cc4e7!important;
            &:first-child{
              border-top: 1px solid #5cc4e7!important;
            }
            a{
              font-size: 14px!important;
            }
          }
        }
        .contact-info-widget{
          i{
            color: #3c63a8;
          }
        }
      }
    }
    #footer-bottom{
      #copyright{
        line-height: 1.7;
      }
    }
  }
}

#in_copyright{
  float: right;
  @media (max-width:768px){
    float: none!important;
    margin-top: 10px;
    display: flex;
    justify-content: center;
  }
  &::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" viewBox="0 0 100 80.67"><rect x="6.26" width="3.09" height="80.67"></rect><rect width="3.09" height="80.67"></rect><rect x="18.78" width="3.09" height="80.67"></rect><rect x="12.52" width="3.09" height="80.67"></rect><polygon points="93.74 0 90.65 0 90.65 59.03 93.74 64.98 93.74 0"></polygon><polygon points="87.48 0 84.39 0 84.39 47.46 87.48 53.33 87.48 0"></polygon><polygon points="81.22 0 78.13 0 78.13 36.05 81.22 41.84 81.22 0"></polygon><polygon points="48.89 80.67 51.98 80.67 51.98 44.61 48.89 38.83 48.89 80.67"></polygon><polygon points="44.85 0 89.06 80.67 92.79 80.67 48.57 0 44.85 0"></polygon><polygon points="37.48 0 81.7 80.67 85.34 80.67 41.13 0 37.48 0"></polygon><polygon points="96.91 0 96.91 74.96 55.86 0 52.22 0 96.28 80.67 100 80.67 100 0 96.91 0"></polygon><polygon points="36.37 80.67 39.46 80.67 39.46 21.63 36.37 15.69 36.37 80.67"></polygon><polygon points="30.19 0 30.19 80.67 33.28 80.67 33.28 5.71 74.41 80.67 78.05 80.67 33.91 0 30.19 0"></polygon><polygon points="42.63 80.67 45.72 80.67 45.72 33.2 42.63 27.34 42.63 80.67"></polygon></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" viewBox="0 0 100 80.67"><rect x="6.26" width="3.09" height="80.67"></rect><rect width="3.09" height="80.67"></rect><rect x="18.78" width="3.09" height="80.67"></rect><rect x="12.52" width="3.09" height="80.67"></rect><polygon points="93.74 0 90.65 0 90.65 59.03 93.74 64.98 93.74 0"></polygon><polygon points="87.48 0 84.39 0 84.39 47.46 87.48 53.33 87.48 0"></polygon><polygon points="81.22 0 78.13 0 78.13 36.05 81.22 41.84 81.22 0"></polygon><polygon points="48.89 80.67 51.98 80.67 51.98 44.61 48.89 38.83 48.89 80.67"></polygon><polygon points="44.85 0 89.06 80.67 92.79 80.67 48.57 0 44.85 0"></polygon><polygon points="37.48 0 81.7 80.67 85.34 80.67 41.13 0 37.48 0"></polygon><polygon points="96.91 0 96.91 74.96 55.86 0 52.22 0 96.28 80.67 100 80.67 100 0 96.91 0"></polygon><polygon points="36.37 80.67 39.46 80.67 39.46 21.63 36.37 15.69 36.37 80.67"></polygon><polygon points="30.19 0 30.19 80.67 33.28 80.67 33.28 5.71 74.41 80.67 78.05 80.67 33.91 0 30.19 0"></polygon><polygon points="42.63 80.67 45.72 80.67 45.72 33.2 42.63 27.34 42.63 80.67"></polygon></svg>');
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    -webkit-mask-position: center;
  }
}


/*
Pages
*/


#split_blc {
  background-position: center;
  &::after {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }
}

.right_number{
  .wpb_text_column{
    @media screen and (min-width:768px) {
      padding-left: 30%!important;
    }
    ul{
      li{
        list-style: none;
        &::after{
          content: "";
          display: inline-block;
          width: 5px;
          height: 5px;
          background-color: #0c121c;
          border-radius: 100%;
          position: relative;
          bottom: 2px;
          left: 2px;
        }
      }
    }
  }
}

.left_number{
  .wpb_text_column{
    @media screen and (min-width:768px) {
      padding-right: 30%!important;
    }
  }
}

/*
Clubs
*/


#club_grid{
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  .club_col{
    aspect-ratio: 1;
    overflow: hidden;
    padding: 0 !important;
    @media screen and (min-width:768px) {
      flex:0 0 calc(25% - 30px);
    }
    > .vc_column-inner{
      height: 100%;
      &::after {
        transition: all .3s;
        content: "";
        position: absolute;
        display: block;
        inset: 0;
        background-color: rgba(0, 0, 0, 0);
        pointer-events: none;
        z-index: 2;
        height: 100% !important;
        visibility: visible !important;
      }
      &:hover::after{
        background-color: rgba(0, 0, 0, 0.7);
      }
      > .wpb_wrapper{
        height: 100%;
        &:hover .clb_infos{
          opacity: 1;
        }
        &:hover .cb_actvty{
          right: -130px;
        }
        .cb_actvty{
          transition: all .3s;
          position: absolute;
          background: #fff;
          width: 220px;
          text-align: center;
          text-transform: uppercase;
          letter-spacing: 1px;
          font-size: 15px;
          padding: 5px;
          transform: rotate(-90deg);
          right: -95px;
          bottom: calc(50% - 25px);
          margin: 0;
        }
        .clb_infos{
          transition: all .3s;
          opacity: 0;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100%;
          text-transform: uppercase;
          color: #fff;
          position: relative;
          z-index: 3;
          font-size: 18px;
          .actvty_infos{
            font-weight: 100;
          }
          a{
            color: #fff;
            &:hover{
              background-color: transparent!important;
            }
          }
          .ctc_infos{
            display: flex;
            justify-content: space-evenly;
          }
        }
      }
    }
  }
}


/*
Page Piscine
*/

.page-id-230{
  #swim_infos {
    h4::before {
      content: "";
      display: inline-block;
      width: 30px;
      height: 30px;
      background-color: #333;
      mask-image: var(--icon);
      -webkit-mask-image: var(--icon);
      mask-repeat: no-repeat;
      -webkit-mask-repeat: no-repeat;
      mask-size: contain;
      -webkit-mask-size: contain;
      mask-position: center;
      -webkit-mask-position: center;
      margin-right: 5px;
      position: relative;
      top: 5px;
    }
    #access { 
    --icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 7c3.31 0 6 2.69 6 6v5h-2v-5a4 4 0 0 0-8 0v5H6v-5c0-3.31 2.69-6 6-6Z"/></svg>');
    }
    #rules {
    --icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIGZpbGw9IiMwMDAwMDAiIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoKICA8dGl0bGUvPgoKICA8ZyBkYXRhLW5hbWU9IkxheWVyIDIiIGlkPSJMYXllcl8yIj4KICAgIDxwYXRoIGQ9Ik0zLjA1LDIyaDcuODVsLjg4LTguODFhLjIyLjIyLDAsMCwxLC40MywwTDEzLjA5LDIyaDcuODVMMjIuMDYsMkgxLjk0Wm0xMS44NS0yLS43LTdBMi4yMSwyLjIxLDAsMCwwLDkuOCwxM2wtLjcsN0g0Ljk1TDQuMjgsOEgxOS43MmwtLjY3LDEyWm01LTE2LS4xMSwySDQuMTdMNC4wNiw0WiIvPgogIDwvZz4KPC9zdmc+');
    }
    #groups {
    --icon: url('data:image/svg+xml;utf8,%3Csvg%20fill%3D%22%23000000%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22group%22%3E%3Cpath%20d%3D%22M24%2C15.9c0-2.8-1.5-5-3.7-6.1C21.3%2C8.8%2C22%2C7.5%2C22%2C6c0-2.8-2.2-5-5-5c-2.1%2C0-3.8%2C1.2-4.6%2C3c0%2C0%2C0%2C0%2C0%2C0c-0.1%2C0-0.3%2C0-0.4%2C0c-0.1%2C0-0.3%2C0-0.4%2C0c0%2C0%2C0%2C0%2C0%2C0C10.8%2C2.2%2C9.1%2C1%2C7%2C1C4.2%2C1%2C2%2C3.2%2C2%2C6c0%2C1.5%2C0.7%2C2.8%2C1.7%2C3.8C1.5%2C10.9%2C0%2C13.2%2C0%2C15.9V20h5v3h14v-3h5V15.9z%20M17%2C3c1.7%2C0%2C3%2C1.3%2C3%2C3c0%2C1.6-1.3%2C3-3%2C3c0-1.9-1.1-3.5-2.7-4.4c0%2C0%2C0%2C0%2C0%2C0C14.8%2C3.6%2C15.8%2C3%2C17%2C3z%20M13.4%2C4.2C13.4%2C4.2%2C13.4%2C4.2%2C13.4%2C4.2C13.4%2C4.2%2C13.4%2C4.2%2C13.4%2C4.2z%20M15%2C9c0%2C1.7-1.3%2C3-3%2C3s-3-1.3-3-3s1.3-3%2C3-3S15%2C7.3%2C15%2C9z%20M10.6%2C4.2C10.6%2C4.2%2C10.6%2C4.2%2C10.6%2C4.2C10.6%2C4.2%2C10.6%2C4.2%2C10.6%2C4.2z%20M7%2C3c1.2%2C0%2C2.2%2C0.6%2C2.7%2C1.6C8.1%2C5.5%2C7%2C7.1%2C7%2C9C5.3%2C9%2C4%2C7.7%2C4%2C6S5.3%2C3%2C7%2C3z%20M5.1%2C18H2v-2.1C2%2C13.1%2C4.1%2C11%2C7%2C11v0c0%2C0%2C0%2C0%2C0%2C0c0.1%2C0%2C0.2%2C0%2C0.3%2C0c0%2C0%2C0%2C0%2C0%2C0c0.3%2C0.7%2C0.8%2C1.3%2C1.3%2C1.8C6.7%2C13.8%2C5.4%2C15.7%2C5.1%2C18z%20M17%2C21H7v-2.1c0-2.8%2C2.2-4.9%2C5-4.9c2.9%2C0%2C5%2C2.1%2C5%2C4.9V21z%20M22%2C18h-3.1c-0.3-2.3-1.7-4.2-3.7-5.2c0.6-0.5%2C1-1.1%2C1.3-1.8c0.1%2C0%2C0.2%2C0%2C0.4%2C0v0c2.9%2C0%2C5%2C2.1%2C5%2C4.9V18z%22/%3E%3C/g%3E%3C/svg%3E');
    }
    #hours {
    --icon: url('data:image/svg+xml;utf8,%3Csvg%20fill%3D%22%23000000%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202Zm0%2018c-4.41%200-8-3.59-8-8s3.59-8%208-8%208%203.59%208%208-3.59%208-8%208Zm.5-13H11v6l5.25%203.15.75-1.23-4.5-2.67Z%22/%3E%3C/svg%3E');
    }
  }
}


/*
Page Contact
*/


.page-id-412{
  #content-wrap{
    .ctc_infos{
      @media screen and (min-width:768px) {
        & ~ &{
          display: inline-block;
          width: 49%;
        }
      }
      a{
        text-transform: none;
        color: #9c9c9c;
        &:hover{
          color: #333;
          background-color: transparent!important;
        }
      }
      h4{
        text-transform: uppercase;
        font-weight: 400;
      }
    }
    form{
      input{
        margin-bottom: 15px;
        background: #ededed;
        border: none;
        &[type='submit']{
          margin-top: 30px;
          background: #3c63a8;
          color: #fff;
          &:hover{
            background: #2b487b;
          }
        }
        &[type='checkbox']{
          margin: 0!important;
        }
      }
      textarea{
        margin-bottom: 25px;
        background: #ededed;
        border: none;
      }
    }
  }
}