/*

 Theme Name:     The Simple Child

 Theme URI:      http://thesimple.ellethemes.com

 Description:    The Simple Child Theme

 Author:         Ellethemes

 Author URI:     http://www.ellethemes.com

 Template:       the-simple

 Version:        1.0.0

*/



@import url("../the-simple/style.css");

/**/

.single-portfolio #content{

	padding-top:70px!important;

}

.single_portfolio_gallery .gallery a{

	width:50%;

}

.post_navigation h6{

	margin-top:-22px;

}
.embed-videogallery{
  width:100%; 
  height:86px;
}
@media (max-width: 1100px) {
.embed-videogallery{
  width:100%; 
  height:68px;
}
}
@media (max-width: 768px) {
.embed-videogallery{
  width:100%; 
  height:85px;
}
}
@media (max-width: 568px) {
.embed-videogallery{
  width:100%; 
  height:55px;
}
}
@media (max-width: 979px) {

	body .header_page.with_subtitle.centered .titles h1{

		    font-size:40px;

			line-height:1em;

	}
    .row {
        flex-direction: column;
    }

}
@media (min-width:768px) and (max-width: 980px) {
    .row {
        padding: 0px 90px;
    }
}
@media (min-width: 980px) and (max-width: 1080px) {

	body nav .menu > li {

		padding-right: 2px;

		padding-left: 2px;

	}
    .row {
        /*flex-wrap: nowrap!important;*/
    }
	body nav .menu > li > a{

		font-size:11px;

	}

}

@media (min-width: 1081px) and (max-width: 1199px) {

	body nav .menu > li {

		padding-right: 2px;

		padding-left: 2px;

	}

	body nav .menu > li > a{

		font-size:13px;

	}

}

@media (min-width: 1200px) and (max-width: 1349px) {

	body nav .menu > li {

		padding-right: 5px;

		padding-left: 5px;

	}

}
@media (min-width: 1101px) {
    .container {
        width: 87%;
        max-width: 1400px !important;
    }
}
/**/

body .flexslider .slides > li{

	max-height:none;

}

.captionss{

    font-size:18px;

    font-weight:bold;

}

/**/

.subscribeForm{

	font-size:14px;

}

.subscribeForm input[type="email"]{

	height:50px;

	border:solid 1px #ececec;

	border-radius:0;

	outline:none!important;

	box-shadow:none!important;

}

.subscribeForm input[type="email"]:focus{

	border-color:#00adef!important;

}

.subscribeForm button{

	background:#00adef;

	border:none;

	color:#fff;

	padding:15px 40px;

}

input:-moz-read-only{

    cursor:not-allowed;

}

input:read-only{

    cursor:not-allowed;

}

input[readonly]{

    cursor:not-allowed;

}

input[readonly="readonly"]{

    cursor:not-allowed;

}

/**/

#portfolio-preview-items.three-cols .portfolio-item:nth-child(3n+1){

	clear:both;

}

/**/

.home.page .content ul.info,

.home.page .content a.btn-bt.default,

.page_parents li:first-child,

.nav-growpop,

.post_navigation a h3{

	display:none;

}



@media (max-width: 767px) {

.top_nav {

    display: block !important;

}

.top_nav .span6:nth-child(1){

    display: none !important;

}

.top_nav .span6{

    text-align: center !important;

}

}


/* 24/05/2021 */
.parent-cat {
	list-style: none;
	font-weight: 700;
	font-size: 18px!important;
}
.sub-cat {
	margin-left: 25px;
}
.container .sx-col {
	width: 22%;
	float: left;
}
.container .dx-col {
    width: 78%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}
.container .box {
    width: 40%;
    float: left;
    padding: 5%;
}
.container .box-body {
	padding: 24px 0 15px 0;
}
.container .current a {
	color: #00adef!important;
}
@media screen and (max-width: 1024px) {
	.container .sx-col {
		width: 100%;
		float: left;
	}
	.container .dx-col {
		width: 100%;
		float: left;
	}
}
@media screen and (max-width: 1024px) {
	.box {
		width: 100%!important;
	}
	.container .box {
		margin: 0!important;
		margin-bottom: 5%!important;
	}
}

.col-50,
.col-70,
.col-30 {
	float: left;
	padding-left: 5%;
}
.col-50 {
    width: 40%;
}
.col-70 {
    width: 70%;
}
.col-30 {
    width: 30%;
}
.custom-button {
    border: solid 1px;
    border-radius: 8px;
    padding: 10px 25px 12px 25px;
    margin-right: 25px;
    position: relative;
    top: 25px;
}
.riga {
	float: left;
    width: 100%;
}
.form {
    padding: 45px;
    border: solid 2px #00adef;
    border-radius: 8px;
    margin-top: 55px;
    width: 92%;
    margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.form {
		width: 87%;
	}
}
@media screen and (max-width: 768px) {
	.form {
		width: 100%;
	}
}
@media screen and (max-width : 480px) {
    iframe[title="reCAPTCHA"] {
        transform:scale(0.67);
        transform-origin:0 0;
    }
}
.pulsanti {
	margin: 25px 0 25px 0;
}
@media screen and (max-width: 768px) {
	.pulsanti {
		margin: -30px 0 25px 0;
	}
}
.custom-template .content img {
    max-width: 20%;
    height: auto;
    margin: 25px;
    float: left;
    object-fit: cover;
}
.easy-image-gallery img {
    border-radius: 20px;
}
.eig-popup .overlay {
	border-radius: 20px;
}
@media screen and (max-width: 780px) {
	.col-50,
    .col-70,
    .col-30 {
		width: 100%;
		margin-bottom: 25px;
		padding: 0!important;
	}
}
.col-md-3 {
    width: 20%;
    float: left;
    margin-left: 5%;
}
.cat-item {
	list-style-type: none;
	font-size: 18px;
    font-weight: 500;
}
.current-cat a {
	color:#00adef!important;
}
.pulsanti img {
	display: none!important;
}
.droppable:before {
    content: "\f13a";
    font: normal normal normal 18px/1 FontAwesome;
    padding-right: 5px;
    color: #bdbbba;
}
/* Fix Stile da cliente (Body Articolo) */
.riga.pulsanti h1, .riga.pulsanti h2, .riga.pulsanti h3 {
    font-size: 22px;
}
.riga.pulsanti h4, .riga.pulsanti h5 {
    font-size: 18px;
}
.container .box {
    width: 40%;
    float: left;
    margin: 2.5% 5%;
    padding: 0;
    background-color: #a4a6a435;
    border-radius: 8px;
    height: 425px;
}
.page-template-archive-usato .container .box {
    width: 40%;
    float: left;
    margin: 2.5% 5%;
    padding: 0;
    background-color: #a4a6a435;
    border-radius: 8px;
    height: unset;
}
.box-body a {
    padding: 10px 25px;
    top: 22px;
    position: relative;
    background-color: #00adef;
    color: #FFF;
    border-radius: 8px;
    border: solid 1px #00adef;
}
.box-body a:hover {
	color: #00adef;
	background-color: #FFF;
	border: solid 1px #00adef;
}
.container .box-body {
    padding: 25px 25px 50px 25px;
}
@media screen and (max-width: 1024px) {
	.custom-list {
		margin-bottom: 75px!important;
	}
}
.easy-image-gallery li {
    display: block!important;
    width: 20%;
    padding: 0!important;
    margin-right: 5%!important;
    margin-top: 5%!important;
    float: left;
}
.easy-image-gallery {
    width: 90%;
    margin: 0 auto!important;
    padding-top: 10px!important;
}
.easy-image-gallery img {
    border-radius: 0!important;
}
.eig-popup .overlay {
    border-radius: 0!important;
}
h2#post-title-pointer {
    font-size: 42px;
    margin-bottom: 15px;
}
.pulsanti {
    margin: 25px 0 0px 0;
}
h2#post-title-pointer {
    font-size: 42px;
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 45px;
}
.pp_gallery {
	visibility: hidden;
}
    body.modal-open {
    overflow: hidden;
      position: fixed;
  width: 100%;
}
.mobile-title {
	display: none;
}
.category-text {
	font-size: 30px;
}
.lista-venduti .contboxes{
      display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width: 460px) {
	.header_page.centered.without_shadow.no_parallax.with_subtitle {
		display: none;
	}
	#content {
		padding-top: 0;
		padding-bottom: 0;
	}
	.mobile-title {
		display: block;
	}
	.category-text {
		font-size: 32px;
	}
    .scrollup {
    
    bottom: 13px;
    right: 20px;
    width: 30px;
    height: 30px;
}
}
@media screen and (min-width: 1024px) {
	.container .box {
		width: 30%;
		float: left;
		margin: 2.5% 1%;
		padding: 0;
		background-color: #a4a6a435;
		border-radius: 8px;
		height: 100%;
		min-height: 430px;
	}
    .page-template-archive-usato .container .box {
		width: 30%;
		float: left;
		margin: 2.5% 1%;
		padding: 0;
		background-color: #a4a6a435;
		border-radius: 8px;
		height: unset;
		min-height: unset;
	}
    div#form {
        top: -170px;
        position: relative;
    }
}
@media screen and (min-width: 1280px) {
	.colonna-1{
		margin-left: 7rem!important;
	}
	.colonna-2 {
		margin-left: 3.6rem!important;
	}
	.colonna-3 {
		margin-left: 1.6rem!important;
	}
}

div.riga {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 3rem;
}
div.riga > div.colonna {
	width: calc(33% - 1rem);
}

div.colonna > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
div.colonna div.image-holder {
    height: 125px;
}
.title-holder {
	font-size: 22px;
}
div.riga div.row {
	width: 100%;
	margin: 0 auto;
}
@media screen and (max-width: 1280px) {
	div.riga {
		flex-direction: column;
		text-align: center;
		align-items: center;
	}
	div.riga > div.colonna {
		width: 60%;
	}
}
.cat-item {
    font-size: 22px;
}
.cat-item > a {
	color: #444444;
}
.droppable:before {
	color: #444444;	
}
.cat-item {
    font-size: 22px;
    line-height: 34px;
}
.cat-item > a {
    font-weight: 700;
}
li.droppable > a {
    font-weight: 700;
}

#showall-toggle {
    padding: 10px 25px;
    top: 22px;
    position: relative;
    background-color: #00adef;
    color: #FFF;
    border-radius: 8px;
    border: solid 1px #00adef;
    margin-left: 43px;
    height: min-content;
}
#showall-toggle:hover {
    color: #00adef;
    background-color: #FFF;
    border-color: #00adef;
}
.nascosto {
    display: none;
}
@media screen and (max-width: 1024px) {
    #showall-toggle {
        margin-left: 0!important;
    }
}
div.lista-venduti {
    margin-top: 45px;
    width: 100%;
}
div.lista-venduti div.box {
    height: auto;
}
.vendute-title-holder {
    padding: 35px 0 25px 0;
    margin-left: 40px;
}
h2.title-vendute {
    font-size: 32px;
    font-weight: 600;
}
div.box {
    position: relative;
}
div.box div.venduto-overlay {
    width: 100%;
    height: 250px;
    position: absolute;
    border-radius: 8px;
    background-color: #0000006e;
}
div.venduto-overlay p.venduto-txt {
    background-color: red;
    padding: 1rem;
    margin: 0;
    top: 0;
    position: absolute;
    color: #FFF;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.product_cats .cat-item a {
    font-weight: 500!important;
}
#mobile-toggle {
    font-size: 28px;
    font-weight: 600;
    color: #444444;
    text-decoration: underline;
    display: block;
}
#mobile-toggle:after {
    content: '\25BE';
}
@media screen and (min-width: 1024px) {
    #mobile-toggle {
        display: none;
    }
    #nav-list {
        display: block!important;
    }
}
@media screen and (max-width: 1024px) {
    .custom-list > h3 {
        display: none;
    }
}
#menu-tecnoin a {
    color: #202020;
}
#menu-tecnoin a:hover {
    color: #00adef;
}
div.titles-inner > * {
    text-align: left!important;
}
div.titles-inner > h2 {
    color: #fff!important;
}

/* CSS PER PAGINA USATI */
.title-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 50px;
    margin-top: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.cat-title {
    margin-bottom: 10px;
}
.cat-paragraph {

}

/* CSS 2023 FIX STEFANO */
.row {
    gap: 5px;
}
.d-flex > img {
    height: 75px;
    width: auto;
}
.colonna.d-flex.flex-row.align-items-center {
    padding-bottom: 10px;
}
.d-flex.flex-column.align-items-center {
    gap: 15px;
}
.btn-primary-ctm {
    color: #fff;
    background-color: #00adef;
    border-color: #00adef;
}
.btn-ctm:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-primary-ctm:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btn-ctm:focus,
.btn-ctm:hover {
    text-decoration: none;
}
.btn-ctm {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.portfolio-item.mix.swiper-slide.overlayed:before {
    content: "Macchina revisionata";
    position: relative;
    justify-content: center;
    top: 40px;
    z-index: 9999;
    background-color: #00adef;
    left: 20px;
    padding: 5px 15px;
    border-radius: 40px;
    color: #fff;
    font-weight: 500;
    display: none!important;
}
.d-none {
    display:none;
}
p.custom-text {
    font-size: 16px;
}
@media screen and (max-width: 767px) {
    .span12 {
        width: 100%!important;
    }
}
@media screen and (max-width:576px) {
    .colonna.d-flex.flex-row.align-items-center {
        flex-direction: column!important;
        gap: 15px;
    }
    .colonna.d-flex.flex-row.align-items-center div {
        text-align: center;
    }    
    .row.d-flex.flex-column {
        gap: 20px;
    }
    .pp_pic_holder.pp_default
    {
        width: 100%!important;
        margin-top:-100px !important;
        left: 0!important;
        overflow: hidden;
    }
    div.pp_default .pp_content_container .pp_left
    {
        padding-left: 0!important;
    }
    div.pp_default .pp_content_container .pp_right
    {
        padding-right: 0!important;
    }
    .pp_content
    {
        width: 100%!important;
        height: auto!important;
    }
    .pp_fade
    {
        width: 100%!important;
        height: 100%!important;
    }
    a.pp_expand,
    a.pp_contract,
    .pp_hoverContainer,
    .pp_gallery,
    .pp_top,
    .pp_bottom
    {
        display: none!important;
    }
    #pp_full_res img
    {
        width: 100%!important;
        height: auto!important;
    }
    .pp_details
    {
        box-sizing: border-box;
        width: 100%!important;
        padding-left: 3%;
        padding-right: 4%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #fff;
        margin-top: -2px!important;
    }
    a.pp_close
    {
        right: 10px!important;
        top: 10px!important;
    }
}
.title-section {
    font-size: 28px;
    padding: 50px 0;
    border-top: 2px solid #00adef;
    color: #00adef;
}
.three-cols .portfolio-item {
    width: 32%!important;
}
@media screen and (max-width: 979px) {
    .three-cols .portfolio-item {
        width: 100%!important;
    }   
}
@media screen and (max-width:480px) {
    .span12 {
        width: 340px !important;
    }
    
}
/* !CSS 2023 FIX STEFANO */
/* CSS marco 2023 */

img.ffg {
    height: 110px;
}

img.biglia {
    height: 60px;
}

/* CSS marco 2023 */

img.video-thumbnail{
    height: 83px;
    width: 83px;
    object-fit: cover;
}

 .modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    /* align-items: center; */
    z-index: 9999;
    /* margin: 0 auto; */
    padding: 30vh 30vh 11vh 30vh;
}

                     .modal-content {
    background: #fff;
    padding: 40px;
    border-radius: 8px;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow-y: auto;
    position: relative;
    text-align: left;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
        overflow-x: hidden;
}


                        .close-btn {
                            position: absolute;
                            top: 10px;
                            right: 20px;
                            font-size: 35px;
                            cursor: pointer;
                        }

                        .contact-btn {
    margin-top: 40px;
    padding: 10px 15px;
    background: #a2adb9;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}
                        #contactModal .wpcf7 input:not([type="submit"]) {
    height: 30px;
}
   #contactModal h2{
    font-weight: 600;
   }   
   @media screen and (max-width: 1100px) {
        img.video-thumbnail {
            height: 64px;
            width: 83px;
            object-fit: cover;
        }
   }                
@media screen and (max-width: 968px) {
                      .modal-overlay {
                padding: 30vh 10vh 10vh 10vh;
            }
                     .modal-content {
   
    padding: 20px;
}
}
@media screen and (max-width: 764px) {
img.video-thumbnail {
    height: 92px;
    width: 134px;
    object-fit: cover;
}
}
@media screen and (max-width: 568px) {
                      .modal-overlay {
                padding: 30vh 5vh 5vh 5vh;
            }
            img.video-thumbnail {
    height: 70px;
    width: 134px;
    object-fit: cover;
}

}
    @media screen and (max-width: 480px) {
               
       img.video-thumbnail {
    height: 55px;
    width: 134px;
    object-fit: cover;
}

}