/*
Theme Name: Naftic Child
Theme URI: https://naftic.com
Template: Naftic
Author: Cristian Trujillo - Naftic
Author URI: https://naftic.com
Description: Plantilla realizada para la empresa Gráficas Belda.
Version: 1.4.6.1720085180
Updated: 2024-07-04 11:26:20
*/

@font-face{
	font-family: Dosis-Semibold;
	src: url(/wp-content/themes/Naftic-child/fonts/Dosis-SemiBold.ttf);
}

@font-face{
	font-family: Dosis-Light;
	src: url(/wp-content/themes/Naftic-child/fonts/Dosis-Light.ttf);
}

@font-face{
	font-family: Dosis-Medium;
	src: url(/wp-content/themes/Naftic-child/fonts/Dosis-Medium.ttf);
}

* { font-family: Dosis-Semibold;}

.logo{background-color:#000;padding:30px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;}
.logo img{width:180px; padding: 10px;}
#site-navigation{background-color:#000;padding:0 140px;}
.current_page_item a{text-decoration:underline;text-transform:uppercase;}
#site-navigation li a{text-transform:uppercase;color:#fff !important;}
#primary-menu li {border-bottom: 1px solid #000;}
#primary-menu .sub-menu li a{color: #000 !important;}
.current_page_item .sub-menu a{text-decoration: none;}
#primary-menu .sub-menu li:hover{background-color:#000;transition: all .5s ease;}
#primary-menu .sub-menu li:hover a{color:#fff !important;transition: all .5s ease;}

h2{font-size:36px;font-family:Dosis-Semibold;text-transform:uppercase;}
h3 {font-size: 24px;text-transform:uppercase;}
p{font-size:18px;font-family:Dosis-Light;text-align:justify;margin:0 0 15px;}
strong{font-family:Dosis-Medium;font-weight:normal;}
.boxMv{display:none;}

.firstRow{margin-top:60px;}
.rowHomeBox > div{width:calc(25% - ( 0.75 * 80px ));}

.full-width-center #primary p{margin-bottom:0;}
.titleSlide{text-align:center;color:#fff;font-size:40px;background-color: rgba(0,0,0,.4);}

.boxTop{text-align:center;box-shadow:3px 3px 30px #99a9c0;}
.boxTop h3{text-transform:uppercase;margin-top:20px;}
.boxTop.oneline h3{margin-top:40px;margin-bottom:18px;}

.titleBig{font-size:42px;}
.titleh2{margin-bottom:20px;}

.titlePage{font-size:60px;color:#fff;text-align:center;text-transform: uppercase;}

.btn{max-width:max-content;margin:20px auto;border:1px solid #000;padding:15px 40px;font-size:16px;text-transform:uppercase;font-weight:bold;display:block;}
.btn:hover{background-color:#000;color:#fff;transition: all .5s ease;}
.rowForm{width:46%;display:inline-block;margin:10px;}
.rowForm p{margin-bottom:0;}
.rowForm input[type="tel"]{width:100%;}
.rowForm.textarea{margin:10px;width:96%;}
::placeholder{font-family:Dosis;font-size:16px;padding-left:10px;}
.rowForm input[type="submit"]{background-color:#fff;color:#000;padding:15px 30px;border:1px solid #fff;}
.rowForm input[type="submit"]:hover{color:#fff !important;}
.rowForm input[type="text"]{font-size:16px;font-family:Dosis-Medium;}
.contacto .rowForm{width:44%;}
.contacto .textarea{margin:10px;width:93% !important;}

.boxNosotros h2{text-transform:none;margin-bottom:20px;line-height:30px;}

.boxProducto{position:relative;}
.boxProducto .widget-title{position: absolute;width: 100%;bottom: 0px;height: 203px;background-image:url(https://graficasbelda.com/wp-content/uploads/2024/07/bgProducto.png);
background-size:cover;padding: 100px 20px 0 20px;}
.boxProducto .widget-title a{color: #fff;text-transform: none;font-weight: normal;font-size: 36px;line-height: 36px;
    position: absolute;bottom: 40px;width: 100%;left: 0;padding: 0 20px;}

.rowProduct .panel-grid-cell:nth-child(2) .widget-title{position: absolute;width: 100%;bottom: 0px;
	height: 203px;background-image:url(https://graficasbelda.com/wp-content/uploads/2024/07/bgProducto-wh.png);
}

.rowProduct .panel-grid-cell:nth-child(2) .widget-title a{color:#0f131a;font-family:Dosis-Light;font-weight:600;}

.rowProduct2 .panel-grid-cell:nth-child(1) .widget-title,
.rowProduct2 .panel-grid-cell:nth-child(3) .widget-title{position: absolute;width: 100%;bottom: 0px;
	height: 203px;background-image:url(https://graficasbelda.com/wp-content/uploads/2024/07/bgProducto-wh.png);
}

.rowProduct2 .panel-grid-cell:nth-child(1) .widget-title a,
.rowProduct2 .panel-grid-cell:nth-child(3) .widget-title a{color:#0f131a;font-family:Dosis-Light;font-weight:600;}

.boxProducto.merc .widget-title{background-image:url(https://graficasbelda.com/wp-content/uploads/2024/07/shadow-merchadising.png);}
.boxProducto img{filter:grayscale(1);}
.boxProducto:hover img{filter:inherit;transition: all .5s ease;}

.titleProduct{background-color: #fff;max-width: max-content;padding: 5px 30px;border-top-right-radius: 15px;border-top-left-radius: 15px;}

.line80{width:80%;height:2px;background-color:#000;margin:0;}
.line70{width:70%;height:2px;background-color:#000;margin:15px 0 20px;}


.titleServ{text-transform: none;font-size: 36px;font-weight: normal;margin-bottom: 20px;}

.listProduct{display: flex;align-content:center;flex-direction:column;flex-wrap: wrap;}
.listProduct li{font-size:18px;}
.infoContact li{font-size:16px;}
.infoContact p{margin-bottom:10px;}

.rowRedes a{font-size:18px;border:1px solid #000;border-radius:30px;width:34px;height:34px;line-height:32px;text-align:center;display:inline-block;margin:0 10px 0 0;}
.rowRedes a:hover{background-color:#000;color:#fff;transition:all .5s ease;}

.footer-block p,.footer-block a,.footer-block span{color: #fff;font-size: 14px;margin:0;}
.footer-block span{margin:0 4px;}
.footer-block .rowPhone{float:right;}
.footer-block .rowRedes{float:right;margin-left:20px;margin-top:-5px;}
.footer-block .rowRedes a{background-color:#fff;color:#000;width:26px;height:26px;line-height:26px;text-align:center;border-radius:30px;display:inline-block;margin:0 5px;}

#top-footer {background-color: #000;padding: 20px 0;}

#top-footer .footer-block{text-align:right;}

.img-publi { display: flex; gap: 60px; margin-top: 20px;}
.img-publi img { max-width: 230px; max-height: 60px;}
::placeholder,textarea,input[type="submit"]{font-family: Dosis-Medium;}

@media(max-width: 980px){
	.transparent #masthead{position: relative;background-color:#000;}
	#site-navigation li a{color:#000 !important;}
	.firstRow{margin-top:-2px;}
	.titleSlide h1,.titleBig{font-size:28px;padding:0 20px;}
	.rowForm,.rowForm.textarea,.contacto .rowForm,.contacto .rowForm.textarea{width:100% !important;}
	.boxPc{display:none;}
	.boxMv{display:block;}
	.boxNosotros h2,.titlePage{font-size:30px;}
}

@media(max-width:980px) and (min-width:780px){
	.boxTop h3{font-size:20px;}
}

@media(max-width:560px){
	.logo{padding:15px;}
	.logo img{width:120px;}
	.titleh2{font-size:28px;padding:0 20px;}
	.titleServ{font-size:28px;line-height:30px;}
	.listProduct{margin-bottom:0;}
	.listProduct br{display:none;}
	.footer-block p{text-align:center;}
	.rowRedes,.rowPhone{float:left !important;width:100%;margin:10px 0;text-align:center;}
}