/*
Theme Name: HyperX Child
Template: hyperx
Theme URI: http://themeforester.net/
Description: The Portfolio Website Designer.
Author: Royal-Flush
Author URI: http://themeforest.net/user/Royal-Flush
Version: 1.9
Tags: light, dark, left-sidebar, custom-menu, post-formats, theme-options, translation-ready
License: See in Zip Package
License URI: See in Zip Package
*/


/* Theme customization starts here
-------------------------------------------------------------- */

/* Top*/
.top-widget {width:100%!important;}


/* Content */
body .site-tagline {text-decoration: none;width: 60%;text-align: center;margin: auto;}
body .sidebar-top-scale-adjust {
   margin-bottom: 10px !important;
}

.home .inner-content h2{ color:#17B2FF; margin: 2% 0 5% 0;}

.logo-img{ margin-top: 5px;}

.portfolioGauche{position:relative;width:30%;float:left;}
.portfolioDroite{position:relative;width:64%;float:left;margin-left: 5%}
.portfolioDroite::after{clear:both;}

.Gmap{background:#17B2FF;}

.home .wpb_single_image{ padding: 60px  20px 0 20px;}
.home .wpb_single_image img{ border-radius:100%; }


/*.home .vc_row{ margin: 20px 0;}*/
.home .inner-content .outilsEnsemble h3{text-transform:none;margin-bottom: 10%;}
.home .inner-content .outilsEnsemble img{margin:auto;}
.post-title {
    text-align: center;
}

 .post-cats-in, .page-template-portfolio .prix {
    font-family: "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 16px;
    text-decoration: none;
    margin: 0 auto 10px;
    padding-bottom: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    text-align: center;
}
.page-template-portfolio .prix {font-size:16px;color:#aaa;}
 .post-cats-in a{color: #8d8d8d;}
 .clear{ clear:both;}
.home p.clear{ text-align: center; padding: 40px;} 
.home a.btn{ border-top:2px solid; padding: 10px 0;color: #17b2ff;}
.vc_row{padding: 30px;}
.vc_row:nth-child(2n+1){ background-color: #eee;}
.vc_row:first-child{ background-color: transparent;};

div.telecharger, div.commander{
    display: inline-block;
    background: #17B2FF;
    padding: 10px;
    color: #fff;
    margin-right: 5%;
    text-transform: uppercase;
}


/* Outils et publications */
/*body.page-template-portfolio a[data-filter="*"]{display: none;}*/
.page-template-portfolio li a[data-filter=".thematiques"] sup, .page-template-portfolio li a[data-filter=".outils"] sup{display:none!important;}
/*.portfolio-post .post-categories {color:#E9BA62;}*/
.page-template-portfolio .portfolio-post .post-title a{text-transform:none;}
.page-template-portfolio .portfolio-post .post-categories a{color:#E9BA62;}

.portfolio-single .previous-post{display:none;}
.portfolio-single .next-post{display:none;}

/* Royal Portfolio Single -> Galerie */
.single-royal_portfolio h1.single-title{text-transform: none;}
.single-royal_portfolio span.post-categories a{color:#E9BA62;}

body .lightbox-overlay .image-overlay .fa{display:none;}
body .featured-media img {width:auto!important;}

div.englobeNosThumbs{width: 100%;margin-top: 3%;}
div.nosThumbs{width:30%;float:left;margin:0 3% 3% 0;border: 1px solid #dedede;}
div.nosThumbs img {opacity:0.8;}
div.nosThumbs img:hover {opacity: 1;}

/* Titre */ 
body.home h1 {display:none;}

/* Footer */

.footer-widgets .logoSoutien ul li{margin:0% 1% 0% 0%;display: inline-block;}
footer .top-widgets-bg, footer .footer-widgets {
    background:none!important;
}
footer .footer-widgets{padding-top:0;padding-right:0;}
.footer-widget ul li a,.foot-widget-title{color:#000!important;}

footer .contact span{display:block;color:#000;}
footer .footer-widget .textwidget .contact a {display:block;color:#17B2FF;}
footer .mc4wp-form-theme-blue input[type=submit] {
    color: #fff!important;
    background-color: #17B2FF!important;
    border-color: #17B2FF;
}
footer .mc4wp-form-theme input[type=email] {width: 70%;float: left;}
.copy-horizontal-1 .copyright-wrap{float:none!important;padding-left: 10%;}

body .mobile-nav > li > .sub-menu a, .mobile-nav > li > .sub-menu-wrap a {
    font-size: 13px;
    font-style: italic;
    color: #aaa;
}
body.page-template-default .inner-content-wrap {
    max-width: 1000px;
}
body ul.filters li a.active-filter-item sup {
    text-decoration: underline;
}


@media screen and (min-width: 480px) {
    .footer-widgets .footer-widget{width:100%!important;}

}
@media screen and (max-width: 480px) {
     .portfolioGauche {position: relative;width: 100%;float: none;}
     .portfolioDroite{position:relative;width:100%;margin-left:0%}
}
@media screen and (min-width: 768px) {
    .footer-widgets .footer-widget:first-child{width:100%!important;}
    .footer-widgets .footer-widget{width:45%!important;}

}
@media screen and (max-width:900px) {
  

}
@media screen and (min-width: 1200px) {
   
.footer-widgets .footer-widget:first-child{width:45%!important;}
.footer-widgets .footer-widget{width:20%!important;}
}
@media screen and (min-width: 1600px) {
   
.footer-widgets .footer-widget:first-child{width:50%!important;}
.footer-widgets .footer-widget{width:20%!important;}
}