/*
Theme Name:     Story Child
Author:         Pexeto
Author URI:     http://pexetothemes.com
Template:       thestory
*/

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

strong {
    font-weight: normal;
}
a strong {
    font-weight: inherit;
}
/**
* HEADER MENU
**/
.header-buttons .wi, .mobile-header-buttons .wi {
    color: #FFFFFF;
    font-size: 20px;
}
.mobile-header-buttons {
    display: none;
}
#header {
    background-color: rgba(27, 42, 63, 0.5);
    padding-top: 10px !important;
    padding-right: 1%;
    padding-left: 1%;
}
.fixed-header #header {
    width: 98%;
}
.section-header {
    padding-bottom: 10px !important;
}
#header #logo-container {
    margin-top: 0px;
}
#logo-container {
    margin-right: 1%;
}
#logo-container a img,
.fixed-header-scroll #logo-container img {
    max-height: none;
}
.fixed-header-scroll #header {
    padding-bottom: 0px;
}
.fixed-header-scroll .nav-menu > ul > li > ul {
    padding-top: 8px;
}
.header-search input[type="text"].search-input {
    border-radius: 0px;
    border-color: #fff108;
    border-width: 2px;
}
/**
** Nav Menu
**/
#menu ul li span {
    cursor: pointer;
}
.nav-menu ul li span {
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    /*letter-spacing: 1px;*/
}
.nav-menu a, .nav-menu span {
    color: #fff108 !important;
}
.nav-menu ul li a, .nav-menu ul li span {
    font-size: 13px;
    padding: 2px 10px;
    /*font-weight: normal !important;*/
}
.nav-menu ul .current-menu-item > a, .nav-menu ul .current-menu-item > span,
.nav-menu > ul > li:hover > a, .nav-menu > ul > li:hover > span,
.current-menu-ancestor > a, .current-menu-ancestor > span {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    color: #fff108 !important;
}
.nav-menu ul li a:hover {
    color: #fff108 !important;
}
.nav-menu ul ul {
    top: 27px;
}
.nav-menu ul ul li a, .nav-menu ul ul li span,
.nav-menu ul ul .current-menu-item a, .nav-menu ul ul .current-menu-item span {
    color: #FFFFFF !important;
}
.nav-menu ul li.menu-item-has-children a:after {
    display: none;
}
.nav-menu li:not(.mega-menu-item) li span {
    padding-left: 22px;
    padding-right: 22px;
}
.nav-menu ul li span.drop-arrow {
    display:none;
}

/**
/* SLIDER
**/
#slider-container .cols-2 .col {
    margin-right: 0px;
}
.cs-content p.cs-element {
    color: #d7e4ec;
    text-shadow: #1b2a3f 1px 1px 1px;
    font-weight: bold !important;
}
.button.cs-element {
    color: #1b2a3f !important;
    background-color: #fff108;
}
.button:hover.cs-element {
    -moz-opacity: 0.7 !important;
    -khtml-opacity: 0.7 !important;
    -webkit-opacity: 0.7 !important;
    opacity: 0.7 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
    filter: alpha(opacity=70) !important;
}
.cs-arrows {
    visibility: hidden;
    background-color: rgba(27,42,63,0.5);
    color: #fff108;
}
.cs-arrows:hover  {
    color: #ffffff;
}
ul#cs-navigation li {
    padding: 2px 5px;
}
ul#cs-navigation li span {
    width: 10px;
    height: 10px;
    border: 2px solid #fff108 !important;
    background-color: #1b2a3f;
}

h3 a {
    color: #1b2a3f;
}
.section-light .section-title {
    font-weight: bold;
}

.section-full-width {
    box-shadow: none;
}
.section-full-width .sub-title {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.services-icon .img-container {
    background-color: #1b2a3f;
    width: 80px;
    height: 80px;
}
.section-boxed {
    /*margin-top: 0px !important;*/
}
#main h4 {
    font-weight: 400;

}

#main .beforeless:before {
    display: none;
}

#main blockquote {
    margin-top: 60px;
    margin-bottom: 60px;
    border: none;
    text-align: center;
    padding-left: 0;
}

#activitesnautiques h2 {
    margin-bottom: 40px;
}


.content .rp-list ul {
    list-style-type: none;
}
.rp-list li:hover {
    background: inherit;
}
.rp-list .rp-info h3:before,
.rp-list .rp-info h3:after,
.rp-list a {
    color: #1b2a3f;
    font-weight: normal;
}
.section-dark {
    text-align: center;
}
.section-dark a.button {
    background-color: #1b2a3f;
    color: #fff108;
}


.footer-widgets a:hover {
    color: #fff108 !important;
}
.footer-bottom {
    padding: 10px 0px;
    text-align: center;
}
.copyrights {
    float: none;
    font-weight: 700;
}

/**
/* MENTIONS LEGALES
**/
.page-id-612 .content a {
    font-weight: normal !important;
}

/**
/* CONTENU
**/
.content a {
    font-weight: bold;
}
.content a:hover {
    text-decoration: underline;
}
.content h2 {
    font-weight: normal;
}
.content h1 {
    text-transform: uppercase;
    font-weight: bold;
}
.content .nivo-content {
    margin: -4% -4% 4% -4%!important;
}
.content .content-box {
    padding: 0;
    border: none;
    box-shadow: none;
    width: 100%;
}
.content ul {
    list-style-type: circle;
    margin-left: 40px;
}

/**
/* PACKS TARIFS
**/
.pt-title {
    color: #fff108;
    background-color: #1b2a3f;
}
.pt-highlight .pt-title {
    color: #1b2a3f;
}
.pt-highlight .pt-button .button {
    color: #1b2a3f;
}
.pt-col {
    color: #1b2a3f;
    box-shadow: 0 0 2px rgba(27,42,63, 0.15);
}
.pt-price-box {
    background-color: #d7e4ec;
}
.pt-price {
    color: #1b2a3f;
}
.pt-period {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.content ul.pt-features {
    margin-left: 0;
}
.pt-features li {
    border-bottom: none;
    min-height: 110px;
}

/**
/* SIDEBAR
**/
.sidebar {
    padding: 5px 10px;
    background-color: #d7e4ec;
}
.sidebar li:hover {
    background-color: #fff108 !important;
}
.sidebar a.button {
    color: #ffffff;
    line-height: 24px;
}
.sidebar .menu li {
    border: none;
}
.sidebar .menu li.current-menu-item > a {
    padding-left: 0px;
}
.sidebar .menu li.current-menu-item span.current-page {
    font-weight: bold !important;
}
.sidebar h4 {
    text-align: center;
}
#sidebar > .sidebar-box h4 {
    margin-top: 0px;
}
.widget_categories li, .widget_nav_menu li, .widget_archive li, .widget_links li, .widget_recent_entries li, .widget_pages li, #recentcomments li, .widget_meta li, .widget_rss li, .product-categories li {
    border: none;
}
.search-wrapper {
    margin-top: 5px;
}

/**
/* TEAM TEMPLATE
**/
.img-rounded {
    border-radius: 50%;
    background-color: #ffffff;
    width: 250px !important;
    height: 250px !important;
}
.team-wrapper .team-header {
    text-align: center;
    background-color: #ffffff;
}
.team-wrapper .team-header h2 {
    margin-top: 0px;
}
.team-wrapper .team-points i {
    font-weight: bold;
}
.team-wrapper {
    text-align: justify;
}

/**
/* giWeather
**/
.giweather.light .giweather-widget {
    margin-top: 40px;
    box-shadow: none !important;
}
.giweather.light .giw-fc-current-date,
.giweather.light .giw-fc-current-desc,
.giweather.light .giw-fc-current-city,
.giweather.light .giw-fc-current-text,
.giweather.light .giw-fc-thumb-temp,
.giweather.light .giw-fc-thumb-wind-speed,
.giweather.light .giw-fc-thumb-perc-temp,
.giweather.light .giw-fc-thumb-day,
.giweather.light .giw-fc-thumb-act-temp,
.giweather.light .giw-copyright {
    font-family: 'Quicksand' !important;
    font-weight: 400 !important;
    color: #1b2a3f !important;
}
.giweather.giw-large .giw-fc-current-icon {
    padding-left: 20%;
}
.giweather .giw-fc-current-right {
    min-width: 0 !important;
    padding-right: 20%;
}
.giweather.light .giw-fc-thumb-current {
    border: 1px solid #1b2a3f !important;
}
.giweather .giw-ts-btn, .giweather .giw-ts-btns {
    color: rgba(0,0,0,0) !important;
}
.giweather .giw-ts-btns .giw-ts-btn-celsius {
    color: #1b2a3f !important;
}
.giweather .giw-ts-btn .giw-ts-btn-fahrenheit {
    display: none;
}
.giw-fc-thumb-temp-hist {
    display: none !important;
}
.giweather .giw-fc-thumb-list-pane {
    margin-top: 60px !important;
    margin-bottom: 30px;
}
.giw-fc-thumb-wind {
    display: block !important;
}

.windguru {
    width: 100%;
    height: 280px;
}

/**
/*  TARIFS BOUEE
**/
.td-center-middle {
    text-align:center;
    vertical-align:middle;
}

/**
/*  FORMULAIRE BON CADEAU
**/
.bon-cadeau-col-left {
    width: 30% !important;
}
.bon-cadeau-col-right {
    width: 65% !important;
}
.gform_confirmation_wrapper {
    margin-top: 10px;
    background-color: #1C9963;
    padding: 20px;
    border-radius: 10px;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    /**
    ** Header
    **/
    #header {
        padding-top: 10px !important;
    }
    .mobile-header-buttons {
        display: block;
        float:right;
        margin-top: 12px;
    }
    .section-header {
        padding-bottom: 0px !important;
    }
    #logo-container {
        margin-top: 2px !important;
    }
    /**
    ** Mobile Menu
    **/
    .mob-nav-menu ul li a, .mob-nav-menu ul li span.current-page {
        display: block;
        padding: 15px 3%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
        color: #FFFFFF
    }
    .mob-nav-menu {
        margin-top: 0;
        margin-left: -2%;
    }
    .mob-nav-menu .current-menu-item a,
    .mob-nav-menu a:hover {
        color: #fff108 !important;
    }
    /**
    ** Slider
    **/
    #slider-container {
        margin-top: 0px;
    }
    ul#cs-slider-ul {
        min-height: 290px !important;
    }
    .cs-title {
        font-size: 50px !important;
    }
    li:nth-child(4) .cs-title {
        font-size: 35px !important;
    }
    .content-slider {
        padding: 100px 0 70px 0;
    }
    .content-slider .button {
        margin-left: 0px;
    }
    #cs-navigation {
        visibility: visible !important;
    }
    /**
    ** Sidebars
    **/
    .sidebar {
        padding: 5px 10px;
    }
    .sidebar a.button {
        line-height: 24px;
    }
    .sidebar a.button b {
        font-size: 18px;
    }
    .sidebar a.button span {
        font-size: 10px;
    }
    .sidebar h4 {
        font-size: 14px !important;
    }
    /**
    /*  FORMULAIRE BON CADEAU
    **/
    .bon-cadeau-col-left {
        display: none !important;
        width: 0 !important;
    }
    .bon-cadeau-col-right {
        width: 100% !important;
    }
}

@media screen and (max-width: 768px) {
    .giweather.giw-large .giw-fc-current-icon {
        padding-left: 5px;
    }
    .giweather .giw-fc-current-right {
        padding-right: 0;
    }
    .content-slider {
        padding: 80px 0 50px 0;
    }
    ul#cs-slider-ul {
        min-height: 280px !important;
    }
    .cs-content p {
        font-size: 18px !important;
    }
    .cs-title {
        text-shadow: 0px 1px 1px #d7e4ec;
    }
    li:nth-child(7) .cs-title {
        text-shadow: 0px 1px 1px #1b2a3f;
    }
    #cs-navigation {
        visibility: hidden !important;
        display: none;
    }
    .cs-arrows {
        visibility: visible;
    }
    #sidebar {
        margin-left: 0;
        margin-right: 0;
    }
    /* rates table responsivness */
    /* Force table to not be like tables anymore */
    .rates-table table, .rates-table thead, .rates-table tbody, .rates-table th, .rates-table td, .rates-table tr {
        display: block;
    }

    .rates-table table thead, table tr {
        border: none;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .rates-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .rates-table tr { /*border: 1px solid #ccc;*/ }

    .rates-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        position: relative;
        padding-left: 50% !important;
    }

    .rates-table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        /*top: 6px;*/
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .rates-table td:nth-of-type(1) {
        font-weight: 700;
    }
    .rates-table td:nth-of-type(7) {
        margin-bottom: 30px;
    }
    /*
    Label the data
    */
    .rates-table td:nth-of-type(1):before { content: "Cours de 3h30"; }
    .rates-table td:nth-of-type(2):before { content: "1er"; }
    .rates-table td:nth-of-type(3):before { content: "2ème"; }
    .rates-table td:nth-of-type(4):before { content: "3ème"; }
    .rates-table td:nth-of-type(5):before { content: "4ème"; }
    .rates-table td:nth-of-type(6):before { content: "5ème"; }
    .rates-table td:nth-of-type(7):before { content: "Cours suppl."; }
}

@media screen and (min-width: 769px) {
    /**
    /* CONTACT TEMPLATE
    **/
    .page-template-template-contact-php #content {
        max-width: 60%;
        width: 100%;
    }

    .page-template-template-contact-php #sidebar {
        max-width: 36%;
        width: 36%;
    }
}
@media screen and (max-width: 520px) {
    #main-container .page-title h1 {
        font-size: 28px;
    }
    .contact-captcha-container h6, #recaptcha_image {
        padding: 5px;
    }
    .contact-captcha-container {
        border: none;
    }
    #header {
        padding-top: 5px !important;
    }
    #logo-container {
        margin-top: 0 !important;
    }
    #logo-container a img {
        height: 35px;
        width: auto;
    }
    .mobile-nav {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .content-slider {
        padding: 100px 0 55px 0;
    }
    .cs-arrows {
        display: none;
    }
    .cs-title {
        font-size: 28px !important;
    }
    li:nth-child(4) .cs-title {
        font-size: 28px !important;
    }
    .cs-content p {
        font-size: 16px !important;
    }
    .cs-arrows {
        display: block;
    }
    .section-boxed blockquote {
        font-size: 120%;
    }
    .cols-tarifs .col {
        width: 43.4% !important;
        margin-right: 10px !important;
    }
    .mobile-header-buttons {
        margin-top: 5px;
        margin-right: 5px;
    }
}