/* Theme Name: the7dtchild
Author: Simone Montanari
Author URI: http://simonemontanari.com/
Version: 1.0.0
Template: dt-the7 */

/* COLORI */

.rosso {color: #F21D44;}
.marrone {color: #5E2C35;}
.celeste {color: #37D4C3;}
.giallo {color: #FBB03B;}
.rosa {color: #DD6279;}
.bianco {color: #FFFFFF;}

.box-giallo {background-color: #FBB03B; padding: 40px; color: #fff;}

.entry-title a, .more-link {color: #F21D44}
.entry-title a:hover, .more-link:hover {color: #E80D35}

.post-content .text-secondary, .widget .tp_recent_tweets .twitter_time, .comment-meta, .comment-meta a, a.comment-reply-link, a.clear-form, .entry-meta a, .entry-meta span, .entry-meta a *, .portfolio-categories a, .portfolio-categories a *, .portfolio-categories span, .team-author p, .color-base-transparent {color: #666666}

.evidenza-seo {border: solid 3px #37D4C3; padding: 14px;}
.evidenza-web {border: solid 3px #DD6279; padding: 14px;}
.evidenza-copy {border: solid 3px #FBB03B; padding: 14px;}
.evidenza-generale {border: solid 3px #F21D44; padding: 14px;}

/* FONT */

h1, .h1-size, .entry-title.h1-size, h1.entry-title,
h2, .h2-size, .entry-title.h2-size, h2.entry-title,
h3, .h3-size, .entry-title.h3-size, h3.entry-title,
h4, .h4-size, .entry-title.h4-size,
.entry-title, .comments-title, .team-author-name
.layout-masonry .post h2.entry-title, .layout-grid .post h2.entry-title, .shortcode-blog-posts .post h2.entry-title, .dt-blog-shortcode .post h2.entry-title, .slider-wrapper .post h2.entry-title, .rollover-content h2.entry-title,
h3.gform_title, .gform_wrapper h3.gform_title, .overlay-door input[type="text"], #main .wpb_content_element .wpb_accordion_header > a, #main .vc_toggle_title h4,
.flex-caption h2, .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title,
.vc-carousel.vc-build .vc-carousel-slideline .vc-carousel-slideline-inner > .vc-item h2 {font-family: "museo-slab", Helvetica, serif; font-weight:500;}

html, body, body.page, .wf-container > *,
h5, .h5-size, .entry-title.h5-size,
.widget-title, .author-quote, .comment-author a, .comment-author .fn, blockquote, .testimonial-item .testimonial-vcard .text-primary, .widget .team-author-name,
.dt-btn-s, .dt-btn-m, .dt-btn-l {font-family: "hind"; font-weight:300;}

b, strong, .dt-btn-s, .dt-btn-m, .dt-btn-l {font-weight: 600;}

.widget-title {font-family: "museo-slab",serif; font-weight: 400; font-size: 20px; text-transform: none; background-color: #ffffff; padding: 2px 6px; border-bottom: 2px solid #F21D44;}

.speciale i {color: #F21D44; font-size:23px; font: "museo slab";}
.shortcode-banner {font-weight: 500}
.centra {text-align:center;}

.more-link {font-weight: 500; text-transform: uppercase; font-size: 16px !important;}

.box-dettagli h4 {font-family: "museo-slab",serif !important; font-weight: 500 !important; color:#F21D44;}
.box-dettagli .vc_toggle_color_pink.vc_toggle_color_inverted .vc_toggle_icon {background-color: #DD6279}

.rollover-content-wrap h3.entry-title {font-size: 16px; line-height: 20px; margin: 12px 0 24px 0;}
.rollover-content-wrap h3.entry-title:after {content: " »";}
.cs-style-3 .rollover-content-wrap {background-color: #F21D44;}

.gform_wrapper .top_label .gfield_label, input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea, .customSelect, .woocommerce-product-search .search-field {font-family: "hind"; font-weight:300; color: #1f1f1f;}

input[type=password]:focus, input[type=text]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=email]:focus, input[type=number]:focus, input[type=date]:focus, input[type=range]:focus, textarea:focus {color: #000000 !important;}

#bottom-bar a {text-decoration: underline;}

/* NAVIGAZIONE */

#main-nav > li > a, .sub-nav > ul > li > a:hover {font-family: "hind"; font-weight: 600;}
.sub-nav > ul > li > a {font-family: "hind"; font-weight: 300;}
.dt-mega-menu .sub-nav .dt-mega-parent > a {font-family: "hind"; font-weight: 300; text-transform: none;}
#main-nav.menu-material-underline-style > li > a.ripple .text-wrap {padding: 0 8px;}

/* SPECIAL H */

h2.entry-title {font-size: 32px;}
article h2.entry-title {margin-bottom: 20px;}

.box-titolo {padding-bottom: 20px;}
.box-titolo h2, .titolo-h2 {margin: 40px 0 15px; color:#5e2c35; border-bottom: 1px solid #a1a1a1; padding-bottom:10px}

.single-post h2,
.single-portfolio h2,
.parent-pageid-39 h2,
.page-id-1592 h2,
.page-id-2716 h2,
.page-id-2720 h2 {margin: 30px 0 15px;}

.parent-pageid-39 h2:first-child {margin-top: 0;}

.titolo-prodotto h2 {font-size: 26px; line-height: 32px; text-align:center; min-height: 70px; margin-bottom:20px}
article h3 {margin-top: 20px; margin-bottom: 12px; font-size: 24px;}

/* FIX LAYOUT GENERALE */

.project-content .pf-content {margin-top: 0;}
.content .column_container {margin: 15px 0;}

.ptb-20 {padding: 5px 0;}
.ptb-40 {padding: 25px 0;}
.ptb-60 {padding: 45px 0;}

.dt-btn {padding-bottom: 0;}
.wpb_accordion_content p {padding-right: 25px; padding-left: 18px;}
.fancy-header .hgroup {padding: 20px 0}

.single-post .fancy-author-title {margin-top: 30px !important}
.single-post article .alignnone {margin-bottom: 30px;}

.entry-author-img {vertical-align: top;}
.entry-author-info .h5-size {font-weight: 600;}

#branding-bottom {padding: 5px 15px 10px 0;}

@media screen and (max-width: 1099px) {
#top-bar {padding-bottom: 5px;}
#top-bar > span {display:none !important;}
}

/* HOME PAGE */

.banner-home {background: url('http://www.lascribacchina.it/wp-content/uploads/2015/07/scrivania-la-scribacchina.jpg') center center no-repeat; height: 280px;}
.banner-home {margin: -15px 0;}

.home .payoff-home {color: #ffffff; padding: 10px 0;}

.box-home h2 {font-size: 22px; line-height: 1.5; font-weight: 600; text-transform: uppercase;}
.box-home .copy h2 a {color: #FBB03B;}
.box-home .seo h2 a {color: #37D4C3;}
.box-home .web h2 a {color: #DD6279;}
.box-home .corsi h2 a {font-size: 24px; font-weight: 400; text-transform: none; margin-bottom: 20px !important;}
.box-home .pb {padding-bottom: 15px !important;}
.box-home p {font-size: 18px; line-height: 1.5;}

.link-home {text-decoration: none; font-weight: 600; text-transform: uppercase; line-height: 2.2;}
.link-home:hover {text-decoration: underline; font-weight: 600;}

.img-tatiana-home {width: 33%; margin: 0 0 10px 30px; float: right;}

@media screen and (max-width: 800px) {
.img-tatiana-home {width: 40%; margin: 0 0 15px 30px; float: right;}
}

@media screen and (max-width: 500px) {
.img-tatiana-home {width: 80%; margin: 0 auto 15px 10%; float: none;}
}

/* SIDEBAR */

.img-sidebar {width: 100%; text-align: center;}
.pupazzo-sidebar {height: 300px;}
.img-tatiana-sidebar {width: 100%; border-radius: 0; float: none; margin-top: -15px;}
.btn-sidebar-span-1 {position: relative; z-index: 2;}
.btn-sidebar-span-2 {position: absolute; z-index: 1; left: 0px; top: 0px; overflow: hidden; border-radius: 3px; width: 215px; height: 32px; opacity: 1; transition: none;}
.btn-sidebar-span-3 {position: absolute; left: -24px; top: -94.5px; width: 215px; height: 215px; border-radius: 50%; transform: scale3d(0, 0, 1); transition: none;}
.btn-sidebar {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.contatti-side {line-height: 1.5; margin-bottom: 20px;}
.contatti-side a {color: #5E2C35; text-decoration: none; font-weight: bold;}
.contatti-side i {width: 35px;}

/* MAILCHIMP */

#mc_embed_signup {clear:left; font:16px "Hind", Helvetica, Arial, sans-serif; font-weight: 400;}
.mc-field-group input {width: 100%; border: 0;}
input[type=checkbox], input[type=radio] {width: auto; margin-right: 10px;}
input[type="submit"] {font:16px "Hind", Helvetica, Arial, sans-serif; font-weight: 600; text-transform: uppercase;}
.style-material-design input[type="text"], .style-material-design input[type="tel"], .style-material-design input[type="url"], .style-material-design input[type="email"], .style-material-design input[type="number"], .style-material-design input[type="date"], .style-material-design input[type="range"], .style-material-design input[type="password"], .style-material-design select, .style-material-design textarea {font-family: "Hind"; color: #555555;}
.input-group {margin-bottom: 16px;}
.input-group ul {margin: 4px 0 20px !important;}
.input-group ul li {list-style: none; padding-left: 0 !important;}
.input-group ul li:before {display: none;}

/* BREADCRUMBS */

.breadcrumbs li {font-size: 14px; text-transform: uppercase;}
.breadcrumbs li:before, 
.fancy-header .breadcrumbs li:before {content: ">";}

/* BOX SERVIZI PAGINE MADRI */

.box-servizi h2, .box-servizi h2 a {font-size: 22px; line-height: 1.5; font-weight: 600; text-transform: uppercase; color: #F21D44;}
.box-servizi p {font-size: 18px; line-height: 1.5;}

.box-servizio-evidenza h2 {font-size: 24px; line-height: 1.5; font-weight: 600; text-transform: uppercase; text-align: center;}
.box-servizio-evidenza .descrizione p {font-size: 18px; line-height: 1.5; padding: 20px 0; max-width: 450px; margin: 0 auto;}

/* PRICE BOX */

.box-pacchetto {width: 86%; background-color: #ffffff; margin: 5% auto; text-align: center; padding-bottom: 0; border-radius: 2px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);}
.box-pacchetto h3 {text-transform: uppercase; background: #37D4C3; padding: 20px 5px; font-weight: 600;}
.box-pacchetto .prezzo {width: 80%; border-bottom: 1px solid #555555; margin: 0 auto; position: relative; padding: 5px 0 15px 0;}
.box-pacchetto .prezzo .preimporto {margin:0; line-height:1; min-height:25px;}
.box-pacchetto .prezzo .importo-tondo {width: 80px; height: 80px; border-radius: 40px; background-color: #555555; margin: 0 auto;}
.box-pacchetto .prezzo .importo {text-align: center; font-size: 36px; line-height: 1; color: #fff; position: absolute; top: 54px; z-index:2; left:0; right:0; margin-left:auto; margin-right:auto;}
.box-pacchetto .caratteristiche {margin-top: 15px; font-size: 75%; text-align: left;}
.box-pacchetto .caratteristiche ul {list-style: none; margin:30px 20px; list-style-position:outside}
.box-pacchetto .caratteristiche ul li:before {content: "•"; font-size:28px; line-height:1.1; float:left; margin-left: -25px; color:#f21d44}
.box-pacchetto .caratteristiche ul li {margin-bottom: 12px; line-height: 1.4; padding: 0 0 0 25px;}
.box-pacchetto .bottone {background: #F21D44; padding: 20px 5px; font-weight: 600; margin-top: 20px;}
.box-pacchetto .bottone:hover {background: #d00c30;}
.box-pacchetto .bottone a {color: #fff; text-decoration: none;}

/* BOX PREZZO */

.box-prezzo {margin: 10px 0 30px !important; padding:20px 0;}
.box-prezzo .icona {float:left; font-size: 24px; transform: rotate(-60deg);}
.box-prezzo .testo {padding-left: 40px}
.copy .box-prezzo {border: 3px solid #FBB03B;}
.seo .box-prezzo {border: 3px solid #37D4C3;}
.web .box-prezzo {border: 3px solid #DD6283;}

/* LISTE */

.content ul {list-style: none; margin:15px 0 20px 5px; list-style-position:outside}
.content ul li {margin-bottom: 10px; padding-left:25px;}
.content ul li:before {content: "•"; font-size:32px; line-height:1.1; float:left; margin-left: -25px;}
.content li ul {margin: 5px 0 15px;}
.content li ul li {margin-bottom: 0;}

.vc_toggle_content {margin-top: 16px;}
.vc_toggle_content ul {margin:0 0 0 5px;}
.vc_toggle_content ul li {margin-bottom: 5px;}

.seo ul li:before {color: #37D4C3;}
.copy ul li:before {color: #FBB03B;}
.web ul li:before {color: #DD6283;}

ul.listacorsi {margin-left: 0;}
.listacorsi a {text-decoration: none; margin-bottom: 6px;}
.listacorsi a:hover {text-decoration: underline;}

.content ol li {margin-bottom: 8px; font-weight: 300;}
.content ol {margin: 0 0 10px 35px; font-weight: 600;}

/*
.content ol {list-style-type: none; margin:0 0 0 30px;}
.content ol li {counter-increment: contatore;}
.content ol li::before {content: counter(contatore); font-weight: bold; color: #5E2C35; margin: 0 12px 0 -20px;} */

/* BOX COSA INCLUDE */

.box-cosainclude ul {list-style:none; margin:15px 0 20px 5px; list-style-position:outside}
.box-cosainclude li {margin-bottom: 10px; padding-left:25px;}
.box-cosainclude li:before {content: '\e810'; font-size:24px; float:left; margin-left: -25px;}
.copy .box-cosainclude li:before {color:#FBB03B;}
.seo .box-cosainclude li:before {color:#37D4C3;}
.web .box-cosainclude li:before {color:#DD6279;}

/* BOX FAR PER TE */

.box-faperte i {margin-right: 8px; font-size:24px;}
.box-faperte h3 {margin-top: 10px;}
.box-faperte ul {list-style:none; margin:15px 0 20px 5px; list-style-position:outside}
.box-faperte li {margin-bottom: 10px; padding-left:25px;}
.box-faperte li:before {content: '\e810'; font-family: "fontello"; font-size:24px; float:left; margin-left: -25px;}
.copy .box-faperte li:before {color:#FBB03B;}
.seo .box-faperte li:before {color:#37D4C3;}
.web .box-faperte li:before {color:#dd6283;}

.box-fareperte {padding-top: 30px}
.box-fareperte .shortcode-banner-inside {padding: 25px 30px; color: #ffffff;}
.box-fareperte .shortcode-banner-inside h2 {color: #5E2C35;}
.box-fareperte .shortcode-banner {font-weight: 300;}

/* CALL-TO-ACTION */

.cta-generico {margin: 50px 0 30px; padding:20px; text-align:center;}
.cta-generico h2 {color: #5E2C35; margin-top: 10px; border:0;}
.cta-generico {border: 8px solid #F21D44;}
.copy .cta-generico {border: 8px solid #FBB03B;}
.seo .cta-generico {border: 8px solid #37D4C3;}
.web .cta-generico {border: 8px solid #DD6279;}
.cta-bottone {margin:25px 0; height: auto}
.cta-bottone a {
    font-size: 14px;
    line-height: 1;
    padding: 15px 20px;
    background-color: #F21D44;
    color: #FFFFFF;
    font-family: "museo-slab", serif;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,  0,  0,  0.26);
}
@media screen and (min-width: 345px) {
    .cta-bottone a {
        font-size: 16px;
        font-weight: 700;
    }
}
@media screen and (min-width: 415px) {
    .cta-bottone a {
        font-size: 22px;
        font-weight: 500;
    }
}
.cta-bottone a:hover {background-color: #E80D35;}

/* TOGGLE ICON */

.vc_toggle_title {padding-left: 36px !important;}
.vc_toggle_round.vc_toggle_color_inverted .vc_toggle_icon {border-color: #F21D44}
.vc_toggle_round.vc_toggle_color_inverted .vc_toggle_icon::before, .vc_toggle_round.vc_toggle_color_inverted .vc_toggle_icon::after {background-color: #F21D44}

/* FIX ACCORDION + ICONCINA */

#main .dt-accordion-bg-on.wpb_content_element .wpb_accordion_header a {padding-right: 40px} /* Accordion padding titolo */

#page .st-accordion li.st-open > a:after,
#page .stripe .sidebar-content.solid-bg .st-accordion li.st-open > a:after,
#page .wpb_accordion .wpb_accordion_wrapper .ui-state-active > a:after,
#page .stripe .sidebar-content.solid-bg .wpb_accordion .wpb_accordion_wrapper .ui-state-active > a:after,
#page .dt-style.vc_toggle_active.vc_toggle_default .vc_toggle_icon:after,
#page .stripe .sidebar-content.solid-bg .dt-style.vc_toggle_active.vc_toggle_default .vc_toggle_icon:after {
  background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%228px%22%20height=%228px%22%20viewBox=%220%200%208%208%22%20enable-background=%22new%200%200%208%208%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22rgb(242,29,68)%22%20d=%22M7.848,5.856c0.202-0.221,0.202-0.582,0-0.803L4.375,1.711C4.272,1.597,4.136,1.545,4,1.547C3.864,1.545,3.728,1.6,3.624,1.711L0.152,5.056c-0.203,0.221-0.203,0.582,0,0.803c0.203,0.222,0.582,0.282,0.91-0.04L4,2.971l2.953,2.863C7.266,6.156,7.645,6.08,7.848,5.856z%22/%3E%3C/svg%3E");
}

#page .st-accordion li > a:after,
#page .wpb_content_element.dt-style .wpb_accordion_header > a:after,
#page .dt-style.vc_toggle_default .vc_toggle_icon:after {
  background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2210px%22%20height=%2210px%22%20viewBox=%220%200%208%208%22%20enable-background=%22new%200%200%208%208%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22rgb(242,29,68)%22%20d=%22M6.953,2.182L4,5.045L1.062,2.197c-0.328-0.322-0.707-0.262-0.91-0.04c-0.203,0.221-0.203,0.582,0,0.803l3.472,3.344C3.728,6.416,3.864,6.471,4,6.469c0.136,0.002,0.272-0.05,0.375-0.164l3.472-3.343c0.203-0.221,0.203-0.582,0-0.803C7.645,1.936,7.266,1.859,6.953,2.182z%22/%3E%3C/svg%3E");
}

/* PAGINA CREDITI E RISORSE */

.k-nome {margin: 25px 0 0; text-transform: none;}
.k-nome a {color: #F21D44;}
.k-nome a:hover {color: #F21D44; text-decoration: underline;}
.k-ruolo {font-size: 16px; text-transform: uppercase; margin: 0; font-weight: 600;}

.risorse h3 a {color: #F21D44;}
.risorse h3 a:hover {color: #F21D44; text-decoration: underline;}
 
/* BLOCKQUOTE */

blockquote {margin: 10px 0; padding: 30px 30px 30px 40px; background-color: #F0F0F0 !important; background: url("http://www.lascribacchina.it/wp-content/uploads/virgolette.svg") 0px -15px no-repeat; background-size: 10%;}
blockquote p {font: normal normal 20px / 30px "museo-slab", Arial, Verdana, sans-serif; color: #5a5a5a;}

/* IMG PORTFOLIO */

.img-portfolio {width: 40%; max-width: 335px;}
.img-portfolio p {font-size: 16px; font-style: italic; line-height: 1.4;}
.img-portfolio img {padding-top: 10px;}
.float-left {float:left; padding: 0 5% 0 0;}
.float-right {float:right; padding: 0 0 0 5%;}

@media screen and (max-width: 670px) {
.img-portfolio {width: 100%; max-width: 335px; margin: 0 auto;}
.img-portfolio img {padding-top: 10px;}
.float-left {float: none; padding: 0;}
.float-right {float: none; padding: 0;}
}

/* IMG BLOG */

.wp-caption {width: 100%; max-width: 600px; padding: 20px 0; margin: 0 auto;}
.wp-caption-text {font-size: 18px; line-height: 24px; font-style: italic;}
.dt-single-image img {width: 100%; max-width: 600px;}

/* PULSANTE PDF */

.bottone-pdf-container {text-align: center; margin-top: 20px;}
.bottone-pdf {text-decoration: none; font-weight: 600;}
.bottone-pdf:hover {text-decoration: underline; font-weight: 600;}

/* SHAREAHOLIC */

.shareaholic-canvas {margin-top: 20px;}
.single-portfolio .shareaholic-canvas {display: none !important;}

/* FIX RESPONSIVE DESIGN */ 

@media screen and (max-width: 500px) {
.nomobile {display: none;}
.ptb-60 {padding: 40px 0}
}

/* FANCY HEADER */

@media screen and (min-width: 1100px) {
.fancy-header .wf-td:first-child {width: 67%;}
.fancy-header .wf-td:last-child {width: 33%;}
}

/* IUBENDA */

/*  GENERAL CLASS */
#iubenda-cs-banner{
    /* ------ IMPORTANT NOTICE: don't change these values as
            they may prevent the banner from properly showing. Some of these lines,
            moreover (like z-index) will overwrite the configuration initialized
            by the script you paste in your pages. To show the banner at the bottom
            you can switch to "bottom: 0px !important;". Don't forget to put "slideDown"
            to "false".
     */
    top: 0px !important;
    left: 0px !important;
    position: fixed !important;
    width: 100% !important;
    z-index: 99999998 !important;
    background-color: black;
    /* ----------------- */
}

/*  CONTENT CLASS */
.iubenda-cs-content{
    display:block;
    margin:0 auto;
    padding: 16px;
    width:auto;
    font-family: Helvetica,Arial,FreeSans,sans-serif;
    font-size: 14px;
    background: #5E2C35;
    color: #fff;
}
.iubenda-banner-content{

}

.iubenda-cs-rationale{
    max-width: 1182px; position:relative; margin: 0 auto; padding-right: 30px;
}

/*   STYLE FOR TEXT INTERNAL BANNER */
.iubenda-banner-content > p {
    font-family: Helvetica,Arial,FreeSans,sans-serif;
    line-height: 1.5;
}

/*  CLOSE BUTTON. NOTICE: IMAGE FOR BUTTON NOT IMPLEMENTED YET */
.iubenda-cs-close-btn{
    margin:0;
    color: #fff;
    text-decoration:none;
    font-size:14px;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
}

/*  STYLE FOR TEXT LINK TO PRIVACY POLICY */
.iubenda-cs-cookie-policy-lnk{
    text-decoration: underline;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}

/* IMG BUON ANNO */

.ls-img-buonanno {width: 100%; text-align: center;}
.ls-img-buonanno img {width: 100%; max-width: 350px;}

@media screen and (min-width: 798px) {
.ls-img-buonanno {width: 50%; max-width: 350px; float:right; text-align: center;}
}