/*
Theme Name: Akom Child
Theme URI: http://newsmartwave.net/wordpress/akom
Author: SW-THEMES
Author URI: http://newsmartwave.net/
Description: Akom Responsive Wordpress + eCommerce Theme.
Version: 1.1
Template: akom
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: akom-child

*/

@import url("../akom/style.css");

/*************** ADD YOUR CUSTOM CSS HERE  ***************/


/* STYLE GENERAL */

body{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}
h1{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #1d2127;
}
h2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
}
h3{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    color: #d3b178;
}
h4{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    color: #1d2127;
}
h5 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #d3b178;
}
p {
    line-height: 27px;
}

.coulbeige{
color:#D3B178;
}
a {
    color: #D3B178;
}
a:hover {
    color: #ffffff;
}
.coulnoir{
color:#161A1B;
}

.coulgris{
color:#333E41;
}

/*
body {
    color: #fff;
}
*/
.bigfont {
    font-size: 28px;
}
a:hover{
text-decoration: none;
}

.no-breadcrumbs .main-content, body.woocommerce .main-content {
    padding-top: 0px;
}

.page-wrapper.side-nav .container {
    padding-left: 0px;
    padding-right: 0px;
}

.main-content {
    padding-bottom: 0px;
}

.footer-wrapper {
    display: none;
    margin-top: -1px;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
    margin-bottom: 0px;
}
.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section, .vc_section.vc_section-has-fill + .vc_section {
    padding-top: 0px;
}

/* MENU  */

.header-side-nav .sidebar-menu > li.menu-item > a, .toggle-menu-wrap .sidebar-menu > li.menu-item > a, .header-side-nav .sidebar-menu > li.menu-item > h5, .toggle-menu-wrap .sidebar-menu > li.menu-item > h5 {
    text-align: center;
}

.header-side-nav .sidebar-menu > li.menu-item > a, .toggle-menu-wrap .sidebar-menu > li.menu-item > a, .header-side-nav .sidebar-menu > li.menu-item.active > a, .toggle-menu-wrap .sidebar-menu > li.menu-item.active > a, .header-side-nav .sidebar-menu > li.menu-item > h5, .toggle-menu-wrap .sidebar-menu > li.menu-item > h5, .header-side-nav .sidebar-menu > li.menu-item.active > h5, .toggle-menu-wrap .sidebar-menu > li.menu-item.active > h5 {
    color: #ffffff;
}

#header .header-main .header-contact a, #header .header-main .header-contact * {
    color: #fff;
}

#header {
    border-top: 0px;
}

li.phone a {
    font-size: 18px !important;
    font-weight: 700;
    color: #fff;
font-family: 'Montserrat', sans-serif;
}

.nav.nav-pills.nav-top {
    text-align: center;
    display: block;
    margin: 0 auto;
font-family: 'Montserrat', sans-serif;
}

.nav.nav-pills.nav-top li {
    padding-bottom: 20px !important;
}

.header-contact::before {
    content: url(https://www.ramonage-gard-herault.fr/wp-content/uploads/visu-alo.png);
    padding-bottom: 25px;
    display: block;
}

/* MENU RESPONSIVE */

#header .mobile-toggle {
    color: #ffffff;
    background-color: #d3b178;
	float: right;
}
#nav-panel .accordion-menu > li.menu-item > a, #nav-panel .accordion-menu > li.menu-item > h5, #nav-panel .accordion-menu > li.menu-item > .arrow {
    color: #fff;
}
#nav-panel .accordion-menu li.menu-item.active > a, #nav-panel .accordion-menu li.menu-item.active > h5 {
    background-color: #d3b178;
    color: #161a1b;
}

.header-main.sticky.change-logo .header-left:after {
    content: 'ramonage avec délivrance du certificat';
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
}

.tel-menu-resp{
        display: none !important;
    }
.tel-menu-resp h5{
    color:#D3B178 !important;
}

#nav-panel .accordion-menu li.menu-item.active > a, #nav-panel .accordion-menu li.menu-item.active > h5 {
    background-color: #d3b178;
    color: #fff;
}

#nav-panel .mobile-menu li {
    border-bottom-color: rgba(128, 128, 128, .18) !important;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

#header .currency-switcher > li.menu-item > a, #header .currency-switcher > li.menu-item > h5, #header .view-switcher > li.menu-item > a, #header .view-switcher > li.menu-item > h5, #header .top-links > li.menu-item > a, #header .top-links > li.menu-item > h5, #header .searchform .autocomplete-suggestion img, #mini-cart.minicart-inline, #mini-cart .cart-popup .widget_shopping_cart_content, #header .mobile-toggle, .mega-menu li.menu-item > a > .thumb-info-preview .thumb-info-wrapper, .mega-menu li.menu-item > h5 > .thumb-info-preview .thumb-info-wrapper, .mega-menu > li.menu-item.active > a, .mega-menu > li.menu-item.active > h5, .mega-menu > li.menu-item:hover > a, .mega-menu > li.menu-item:hover > h5, .mega-menu .wide .popup, .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > a, .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > h5, .mega-menu .narrow .popup ul.sub-menu ul.sub-menu, #nav-panel .mobile-menu li > a, #nav-panel .mobile-menu li > h5, .sidebar-menu li.menu-item > a > .thumb-info-preview .thumb-info-wrapper, .sidebar-menu li.menu-item > h5 > .thumb-info-preview .thumb-info-wrapper, .sidebar-menu .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > a, .sidebar-menu .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > h5, #bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar, div.bbp-template-notice, div.indicator-hint, .posts-grid .grid-box, .img-rounded, .rounded, .img-thumbnail, .img-thumbnail img, .img-thumbnail .inner, .page-wrapper .fdm-item-image, .share-links a, .tabs, .testimonial.testimonial-style-2 blockquote, .testimonial.testimonial-style-3 blockquote, .testimonial.testimonial-style-4 blockquote, .testimonial.testimonial-style-5 blockquote, .testimonial.testimonial-style-6 blockquote, .thumb-info, .thumb-info .thumb-info-wrapper, .thumb-info .thumb-info-wrapper:after, section.timeline .timeline-date, section.timeline .timeline-box, body .btn, body .btn-md, body .btn-group-md > .btn, div.wpb_single_image .vc_single_image-wrapper.vc_box_rounded, div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow, div.wpb_single_image .vc_single_image-wrapper.vc_box_rounded img, div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow img, div.wpb_single_image .vc_single_image-wrapper.vc_box_border, div.wpb_single_image .vc_single_image-wrapper.vc_box_outline, div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border, div.wpb_single_image .vc_single_image-wrapper.vc_box_border img, div.wpb_single_image .vc_single_image-wrapper.vc_box_outline img, div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border img, div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_3d img, div.wpb_single_image .akom-vc-zoom.akom-vc-zoom-hover-icon:before, div.wpb_single_image.vc_box_border, div.wpb_single_image.vc_box_outline, div.wpb_single_image.vc_box_shadow_border, div.wpb_single_image.vc_box_border img, div.wpb_single_image.vc_box_outline img, div.wpb_single_image.vc_box_shadow_border img, .flickr_badge_image, .wpb_content_element .flickr_badge_image, .tm-collapse, .tm-box, div.wpcf7-response-output, .success-message-container button {
    border-radius: 0px;
}

.mobile-nav-wrap, #nav-panel {
    background-color: #333e41;
}

/* PAGE FULLSCREEN */


.full-screen .vc_column_container.col-md-4 {
    min-height: 100vh;
    padding: 50px !important;
/*    overflow: auto;*/
}
.full-screen .vc_column_container.col-md-6 {
    min-height: 100vh;
    padding: 50px !important;
/*    overflow: auto;*/
}

/*
.full-screen .vc_column_container.col-md-8{
     min-height: 100vh;
}
*/

.full-screen .wpb_wrapper p em {
    font-size: 14px !important;
}


/* PRESTATIONS */

.prestation .vc_column_container.col-md-4 {
    padding: 0px;
}
.prestation .wpb_text_column.wpb_content_element {
    padding: 25px;
}
.prestation .vc_column_container.col-md-3 {
    padding-left: 0px;
    padding-right: 0px;
}

.img-services .vc_column_container.col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
}

/* TARIF */

.akom-separator {
    margin-top: 22px;
}

/* CONTACT FORM */

.ipt-uif-custom-material-default.type_0 .ipt-eform-content {
    padding: 0px !important;
}
#ipt_fsqm_form_wrap_53 .ipt-eform-content, #ipt_fsqm_form_wrap_53 .eform-ui-estimator {
    max-width: 100% !important;
}

.ipt-uif-custom-material-default .eform-styled-widget .ui-widget-header, .ipt-uif-custom-material-default .ipt_fsqm_form_message_error .ui-widget-header, .ipt-uif-custom-material-default .ipt_fsqm_form_message_restore .ui-widget-header, .ipt-uif-custom-material-default .ipt_fsqm_form_message_success .ui-widget-header, .ipt-uif-custom-material-default .ipt_fsqm_form_validation_error .ui-widget-header, .ipt-uif-custom-material-default .ipt_uif_message .ui-widget-header {

    background-color: transparent !important;
    border-bottom: 0px transparent !important;
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.0),0 0 0px 0px rgba(0,0,0,.0),0 0 0px 0 rgba(0,0,0,.0);
    box-shadow: 0 0 0px 0 rgba(0,0,0,.0),0 0 0px 0px rgba(0,0,0,.0),0 0 0px 0 rgba(0,0,0,.0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;

}

.ipt-uif-custom-material-default .ui-widget-header {
    background: transparent !important;
        background-color: transparent !important;
    color: #fff;
}

/* BOOKLY */

#bookly-js-address .bookly-box:first-child, #bookly-js-address .bookly-box:nth-child(2), #bookly-js-address .bookly-box:nth-child(3) {
    display: none !important;
    overflow: hidden !important;
}


/* RESPONSIVE 1440 PX */


@media screen and (max-width: 1440px){
.vc_column_container.col-md-6 h2 {
    margin-bottom: 10px;
    font-size: 23px;
    line-height: 28px;
}
.prestation .wpb_text_column.wpb_content_element {
    padding: 15px;
}
.prestation p {
    line-height: 25px;
    font-size: 15px;
}
}

/* RESPONSIVE 1024 PX */


@media screen and (max-width: 1024px){
.col-md-4 {
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
    .full-screen .vc_column_container.col-md-4{
        padding-left: 25px;
        padding-right: 25px;
    }
    h3 {
    font-size: 22px;
    line-height: 29px;
}
.img-services .vc_column_container.col-md-6 {
    max-width: 100%;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.vc_column_container.col-md-6 h2 {
    margin-bottom: 25px;
    font-size: 28px;
    line-height: 36px;
}
.prestation p {
    line-height: 27px;
    font-size: 16px;
}
.prestation .wpb_text_column.wpb_content_element {
    padding: 25px;
}
}

/* RESPONSIVE 990PX */


@media screen and (max-width: 991px){
.side-bottom {
    display: none;
}
.header-right {
    display: none !important;
}
.full-screen .vc_column_container.col-md-4 {
    padding: 0px !important;
}
.col-md-4 {
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.full-screen .wpb_text_column {
    padding-left: 50px;
    padding-right: 50px;
}
.tel-menu-resp{
    display: block !important;
    color:#D3B178;
}
.footer-wrapper {
    display: block;
}
#footer .footer-bottom a:hover {
    color: #ffffff;
    text-decoration: none;
}
}

/* RESPONSIVE 768PX */


@media screen and (max-width: 767px){
    .header-main.sticky.change-logo .header-left:after {
    font-size: 18px;
}
.img-services .vc_single_image-wrapper img {
    width: 767px;
    height: auto;
}
.prestation.bloc-reverse{
    display: -webkit-flex !important;
    -webkit-flex-direction: column-reverse !important;
    display: flex !important;
    flex-direction: column-reverse !important;
}
}


/* RESPONSIVE 667 PX */


@media screen and (max-width: 667px){
h2 {
    margin: 0 0 25px 0;
}
.img-services .vc_single_image-wrapper img {
    width: auto;
    height: auto;
}
}

/* RESPONSIVE 400 PX */


@media screen and (max-width: 400px){
#header .header-main .container .header-left {
    padding-left: 20px;
}
#header .mobile-toggle {
    margin-right: 20px;
}
#header .sticky {
    height: 80px;
}
 #header .sticky .container{
        padding-top: 15px;
}
.header-main.sticky.change-logo .header-left:after {
    font-size: 16px;
}
.full-screen .wpb_text_column {
    padding-left: 25px;
    padding-right: 25px;
}
.prestation .wpb_text_column.wpb_content_element {
    padding: 15px;
    padding-top: 25px;
}
h2 {
    font-size: 26px;
    line-height: 38px;
}
h3 {
    font-size: 20px;
    line-height: 29px;
}
}

/* RESPONSIVE 330 PX */


@media screen and (max-width: 330px){
h2 {
    font-size: 26px;
    line-height: 38px;
}
h3 {
    font-size: 20px;
    line-height: 29px;
}
}



