/*
 Theme Name: Twenty Seventeen Child
 Description: The custom theme Twenty Seventeen Child using the parent theme Twenty Seventeen.
 Author: Florian Bansac
 Author URI: https://disfold.com/
 Template: twentyseventeen
 Version: 1
 */
@font-face {
  font-display: swap;
}

h1, h2, h3, h4, h5, h6, h2 a, h3 a {
font-weight: bold;
clear:none;
}
ul, ol {
margin-left: 2em;
}
/**** HEADER & LOGO ****/
.navigation-top, .menu-top-menu-container ul.menu {
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(0,136,119,1) 0%, rgba(0,85,136,1) 100%);
}
.custom-header {
display:none;
max-height:1px;
}
.custom-logo {
height:20px;
width:107px;
}
.custom-logo-link {
    display: block;
    padding: 0;
    margin: 1.5em 0 1em;
}
.custom-logo-link img {
    display: block;
    padding: 0;
	margin:auto;
}
#masthead .wrap, .navigation-top {
	position: static;
}
.site-branding {
    padding-right: 70px;
}
.navigation-top a {
color: #eee;
}
.menu a {
padding: 1em;
}
.menu-toggle {
color: #eee;
padding: .5em;
}
.navigation-top a:hover,
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
color: #fff;
}
.main-navigation ul ul {
background: #058;
width:150px;
}
.main-navigation ul ul.toggled-on {
background: transparent;
}
.main-navigation ul ul a {
width:auto;
}
.dropdown-toggle {
color:#fff
}

@media screen and (max-width: 48em) {
	.toggled-on a {
	padding: .5em;
	}
	.toggled-on .menu {
	padding: .2em 8%;
	}
}
@media screen and (min-width: 48em) {
    #masthead .wrap,
    .navigation-top {
        position: relative;
    }
    #masthead .wrap {
	width:90%;
	max-width:90%;
	padding: 0;
    }
    .menu-top-menu-container ul.menu {
	background:transparent;
    }
    .site-branding {
        padding-right: 0;
    }
    .site-navigation-logo {
        position: static;
    }
    .custom-logo-link {
    	margin: 1.05em 0;
    }
    .site-navigation-logo,
    .site-navigation-menu {
        float: left;
    }
    .site-navigation-menu {
        /* 20px = half the height of the logo to vertically center text */
        margin-top: 0;
	float:right;
    }
}
@media screen and (min-width: 81em) {
    #masthead .wrap {
	padding: 0 .7em 0 1.18em;
    }
}

/**** ADS ****/
.adsbygoogle {
background: #fff;
}
/**** TOP BANNER AD ****/
.top-banner p {
	margin: 0;
}
.home .top-banner {
	display:none;
}
.top-banner {
	width: 100%;
	max-width: 1200px;
	max-height: 320px;
	margin: 0 auto;
}
/**** IN-CONTENT AD ****/
.adincontent {
display:block;
width:300px;
height:250px;
margin: 0 auto 1.5em;
clear:both;
}
@media screen and (min-width: 30em) {
	.adincontent {
	width:336px;
	height:280px;
	}
}
@media screen and (min-width: 48em) {
	.adincontent {
	margin: 0 1.5em 1.5em 0;
	float:left;
	clear:none;
	}
}
@media screen and (min-width: 90em) {
	.adincontent {
	margin-left: -5em;
	}
}

/**** CONTENT ****/
.site-content .wrap {
	max-width: 100%;
	padding: 0 1em;
}
@media screen and (max-width: 48em) {
	.site-content .wrap {
	padding: 1em;
	}
}
@media screen and (min-width: 30em) {
	h3 {
    	font-size: 22px;
    	font-size: 1.4rem;
	}
}
.has-sidebar:not(.error404) #primary {
width: 100%;
}
.has-sidebar #secondary {
width: 100%;
}
.home-blog {
float: left;
}
.home-blog-sidebar {
    display:none;
}
article:last-child .home-blog-sidebar {
    display:block;
}
article:last-child .home-blog-sidebar h2 {
    color: #222;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}
@media screen and (max-width: 30em) {
	img.alignright {
	display:block;
	clear:both;
	margin: 1.5em 0;
	}
}
@media screen and (min-width: 30em) {
	.wrap {
	max-width: 90%;
	}
	.page-one-column .panel-content .wrap, .site-content .wrap {
	max-width: 90%;
	padding: 4em 1em;
	}
}
@media screen and (min-width: 48em) {
	.site-content {
	padding: 0;
	}
	.page-one-column .panel-content .wrap, .site-content .wrap {
	padding: 2em 0;
	}
}
@media screen and (min-width: 60em) {
	.wrap {
	padding: 0;
	max-width: 90%;
	}
	.has-sidebar:not(.error404) #primary, article:last-child .home-blog {
	width: 60%;
	}
	.has-sidebar #secondary, article:last-child .home-blog-sidebar {
	width: 36%;
	}
	article:last-child .home-blog-sidebar {
	float: right;
	}
}
@media screen and (min-width: 69em) {
	.has-sidebar:not(.error404) #primary, article:last-child .home-blog {
	width: 63%;
	}
	.has-sidebar #secondary, article:last-child .home-blog-sidebar {
	width: 31%;
	}
}
@media screen and (min-width: 81em) {
	.wrap {
	padding: 0 2em;
	}
	.page-one-column .panel-content .wrap, .site-content .wrap {
	padding: 2em 1em;
	}
}
.home-more-link {
text-align:center;
}
.home-more-link a {
color:#fff;
}
.home-more-link button {
font-size: 2rem;
padding: .1em .6em;
}
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
max-width: 100%;
}

/*** CONTENT CATEGORY SPECIFICS ***/
.category-books img.alignleft {
margin: 0 1.5em 1.5em 0;
}

/**** ARCHIVE/BLOG POSTS ****/
.twentyseventeen-front-page.page-one-column .entry-header, body:not(.twentyseventeen-front-page) .entry-header {
margin-bottom: 1em;
padding:0;
}
.archive .post-thumbnail, .blog .post-thumbnail, .recent-posts .post-thumbnail {
max-width:360px;
margin:auto;
}
.archive h2.entry-title, .blog h2.entry-title, .page .panel-content .recent-posts .entry-title {
font-size:1.25rem;
}
.recent-posts p, .blog p, .archive .entry-content p {
margin:0;
}
@media screen and (max-width: 40em) {
	.twentyseventeen-front-page .panel-content .recent-posts article {
    		margin-bottom: 2em;
	}
}
@media screen and (min-width: 40em) {
	.archive .post-thumbnail, .blog .post-thumbnail, .recent-posts .post-thumbnail {
	float: left;
	margin-right:1em;
	}
	.blog .site-main > article, .archive .site-main > article, .search .site-main > article {
    	padding-bottom: 3em;
	}
	.entry-title {
	display:inline;
	}
}
@media screen and (min-width: 60em) and (max-width: 69em) {
	.archive .post-thumbnail, .blog .post-thumbnail, .recent-posts .post-thumbnail {
	max-width:300px;
	}
}
@media screen and (min-width: 69em) {
	.archive h2.entry-title, .blog h2.entry-title, .page .panel-content .recent-posts .entry-title {
	font-size:1.625rem;
	}
}

/**** SINGLE POSTS + EDD SHOP + REVIEWS ****/
.entry-meta {
font-size: 0.5rem;
font-weight: 400;
}
.home-product {
max-width:212px;
margin: 0 auto 1em;
display:block;
}
body.page:not(.twentyseventeen-front-page) .entry-title {
	letter-spacing: 0;
    	text-transform: none;
	font-size: 1.875rem;
}
@media screen and (min-width: 30em) {
	.type-download .post-thumbnail {
	float:left;
	margin: 0 2em 2em 0;
	}
}
@media screen and (min-width: 48em) {
	.single-post .entry-title, .page .entry-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    	font-size: 40px;
    	font-size: 2.5rem;
	}
	.page.page-one-column .type-page .entry-header {
	margin: .5em 0 2em;
	}
	.home.page.page-one-column .type-page .entry-header {
	margin: 0 0 1em;
	}
	.home-product {
    	float:left;
	margin: 0 1.5em 0 0;
	}
}
@media screen and (min-width: 90em) {
	.single-post .entry-content, .edd-download .entry-content {
	margin-top: 1.5em;
	padding-left: 5em;
	padding-right: 1em;
	}
}

/**** CONVERSION ****/
/* ORANGE MENU: Downloads - Disfold AI - EN(1), FR(2), ES(3), PT(4), DE(5), IT(6), ZH(7), JA(10) */
.website-1 .menu-item-6294,
.website-1 .menu-item-8639,
.website-2 .menu-item-253,
.website-2 .menu-item-322,
.website-3 .menu-item-236,
.website-3 .menu-item-318,
.website-4 .menu-item-242,
.website-4 .menu-item-319,
.website-5 .menu-item-241,
.website-5 .menu-item-324,
.website-6 .menu-item-236,
.website-6 .menu-item-317,
.website-7 .menu-item-239,
.website-7 .menu-item-308,
.website-10 .menu-item-984,
.website-10 .menu-item-1008 {
background: #f45a2a;
}
/* Disfold AI Widget */
.disfold-ai {
padding:0 0 30px;
}
.disfold-ai p {
margin:0;
}
.disfold-ai a {
display:block;
background: #f45a2a;
padding: 20px;
text-align: center;
color: #fff;
font-size: 1.25rem;
border-radius: 5px;
}

/* BUTTONS IN CONTENT */
a.button-link, a.button-link:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.entry-content .button-link button {
padding: .5em 1em;
margin: .5em;
background: #f45a2a;
font-weight: 400;
font-size:1.25em;
}
.entry-content .button-link button:hover {
background: #058;
}

/*ANCHORS*/
a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

/*summaries*/
.entry-content .summary a {
-webkit-box-shadow: none;
box-shadow: none;
}
.entry-content .summary a:hover {
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}


/**** FEEDBACK PAGE ****/
.feedback-stars span.wpcf7-list-item {
display: block;
clear: both;
margin: 0 0 .5em 3em;
}

/**** SIDEBAR WIDGETS ****/
/*@media screen and (max-width: 48em) {
.amp-mode-touch #secondary {
display:none;
}
}*/
#secondary .widget.grey-widget {
padding: 2em;
background:#eee;
margin-bottom:2em;
}
.grey-widget.shopwidget, .bottom-widget {
border: 5px solid #f45a2a;
border-radius: 5px;
}
.grey-widget.shopwidget:hover, .bottom-widget:hover {
border: 5px solid #058;
}
#secondary .widget.white-widget {
padding: 2em;
margin-bottom:2em;
}
.widget a,
.widget a img,
.widget ul li a,
.widget ul li a:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.widget ul li a:hover {
text-decoration:underline;
}
/*** EDD shopping cart widgets + Checkout ***/
.widget.cartwidget {
padding: 2em;
margin-bottom:2em;
background:#dff;
border: 1px solid #058;
border-radius: 6px;
}
.widget.cartwidget p.edd-cart-number-of-items {
margin:0;
}
.widget.cartwidget .edd-cart-item a {
font-style: italic;
color:grey;
}
.widget.cartwidget .edd_checkout a {
color:#fff;
background: #428bca;
border-radius: 3px;
padding: 7px 10px;
}
.widget.cartwidget .edd_checkout a:hover {
background: #3276B1;
}
.edd_terms_links {
font-size: 0.9em;
}
.edd-terms-agreement {
margin:.8em 0;
}

/**** HOME ****/
/**** HOME ANIMATED BGRD ****/
:lang(en) .home.page-id-8 .top-banner {
margin:0;
}
.post-8.twentyseventeen-panel {
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(0,136,119,1) 0%, rgba(0,85,136,1) 100%);
}
.anim-shapes li{
    position: absolute;
    display: block;
    list-style: none;
    width: 30px;
    height: 30px;
    animation: animate 25s linear infinite;
    bottom: -150px;   
}
@keyframes animate {
    0% {
	transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 50%;
    }
    80% {
        transform: translateY(-640px) rotate(720deg);
        opacity: 0.2;
        border-radius: 0;
    }
    100% {
        transform: translateY(-800px) rotate(720deg);
        opacity: 0;
        border-radius: 0;
    }
}
/*** HOME TITLE ***/
.home .post-8.twentyseventeen-panel .entry-header, .home .post-36.twentyseventeen-panel .entry-header {
display:none;
}
/**** HOME SHOP PRODUCTS + CAPTIONS ****/
.home .post-8 .wp-caption, .shopwidget .wp-caption, .bottom-widget .wp-caption, .home .post-36 .wp-caption {
	position: relative;
}
.shopwidget .wp-caption.alignleft, .bottom-widget .wp-caption.alignleft {
margin-left: 0px;
}
.home .post-8 figcaption, .shopwidget figcaption, .bottom-widget figcaption, .home .post-36 figcaption {
	position: absolute;
	right: 0px;
	top: -20px;
	z-index: 1;
	background-color: #3366ff;
	border-radius: 3px;
	color: #fff !important;
	font-style:normal !important;
	font-weight:normal !important;
	padding: 0 4px;
}
.home .post-8 figcaption, .home .post-36 figcaption {
	right: -25px;
	top: -35px;
	border-radius: 5px;
	font-size: 18px !important;
	padding: 0 5px;
	border:2px solid;
}
.home .post-36 figcaption {
	right: -20px;
	top: -30px;
}
.shopwidget figcaption, .bottom-widget figcaption {
	right: -15px;
	top: -25px;
	font-size: 14px !important;
}

/*** Home Popular Posts widgets ***/
.popular-posts ul li, .popular-posts ol li {
border:none;
padding:0;
}
/**** HOME EDITOR'S PICK + DISFOLD OVERVIEW ****/
#panel1.post-4088 .panel-content .wrap,
#panel3.post-8097 .panel-content .wrap {
max-width:100%;
max-width:1280px;
margin:auto;
padding: 2.5em 5% 1.5em;
}
#panel3.post-8097 {
background:#eee;
}
#panel3.post-8097 .content-area {
width:100%;
}
#panel3.post-8097 .overview-text-box .su-column-size-1-3 {
    background: #fff;
    padding: 2em;
}
.su-posts-teaser-loop .su-post-thumbnail {
width: auto !important;
height: auto !important;
margin:0 0 .5em !important;
}
.su-posts-teaser-loop .su-post-thumbnail img {
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
}
.su-posts-teaser-loop h2.su-post-title {
font-size:1.2em !important;
}
.su-posts-teaser-loop a:not(:hover) {
color: #333 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
@media screen and (min-width: 30em) and (max-width: 48em) {
	.su-posts-teaser-loop .su-post-thumbnail {
	margin:0 .75em .5em 0 !important;
	}
}
/**** HOME EMAIL SUBSCRIPTION + SHOP HOME PAGE PANEL 2 ****/
#panel2.post-4129, #panel1.post-96 {
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(0,136,119,1) 0%, rgba(0,85,136,1) 100%);
}
#panel1.post-96 .panel-content {
max-width:70em;
margin:auto;
}
#panel1.post-96 .entry-header {
display:none;
}
#panel2.post-4129 h2, #panel2.post-4129 label, #panel1.post-96 h2, #panel1.post-96 div {
color:#fff;
}
#panel2.post-4129 p, #panel1.post-96 p {
color:#fff;
margin:0;
}
#panel2.post-4129 .panel-content .wrap {
max-width:100%;
max-width:1280px;
margin:auto;
padding: 2.5em 5% 1.5em;
}
#panel2.post-4129 .home-blog {
width:100%;
}


/**** BOTTOM WIDGET ****/
.bottom-widget {
padding: 2em 2em 1em;
background:#eee;
margin-top:2em;
}
.bottom-widget h3 {
font-size: .9rem;
font-weight: 800;
margin-bottom: 1.5em;
letter-spacing: .1818em;
text-transform: uppercase;
}
.bottom-widget figure {
height:150px;
}

/**** COMMENTS SECTION ****/
.comment .comment-author.vcard img {
position: relative;
left:0;
margin-right:.5em;
}
.comment .reply {
margin-left: 4.5em;
}

/**** FOOTER ****/
.site-footer {
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(0,136,119,1) 0%, rgba(0,85,136,1) 100%);
color:#eee;
}
.site-footer .wrap {
padding: 2em 0;
}
@media screen and (min-width: 48em) {
.site-footer {
    margin-top: 1em;
}
}
@media screen and (min-width: 81em) {
	.site-footer .wrap {
	padding: 2em 1.2em;
	}
}
.site-footer a, .site-footer h2, .site-footer label {
color: #eee;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.site-footer a:hover,
.site-footer .current-menu-item > a,
.site-footer .current_page_item > a {
color: #fff!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.site-footer .widget-title {
padding: 0 .75em;
}
.site-footer .widget ul li, .site-footer form {
padding: .5em;
}
.site-footer .menu a {
padding:0;
}
.social-navigation a {
    background-color: #222;
}
@media screen and (max-width: 48em) {
	.social-navigation,
	.site-info {
	padding: 0 .5em;
	}
}