/*!
Theme Name: Marketing Makers 2026
Theme URI: https://marketingmakers.ro
Author: LightPixel
Author https://marketingmakers.ro
Description: Theme created by Marketing Makers
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mmakers
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/


/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	GENRAL STUFF	*/

:root {
  --yellow: #fccf09;   /* GALBEN */
  --light-yellow: #fae9a0;	/* GALBEN PAL */
  --gray: #454441;
  --light-gray: #F8F9FA;
}
.text-green{color:var(--yellow)}
.text-gray{color:var(--gray)}

html { scroll-behavior: smooth; }
body {margin: 0;font-family:"Montserrat",sans-serif;font-size:20px;font-weight:400;color:#000;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a,a:visited, a:active, a:link{text-decoration:none;color:inherit}
button, a, input{outline:none;transition:all .4s}
button, input{border-radius:0px !important;}
.font0{font-size:0px;}
.container-large{width:1640px;margin:0 auto;max-width:100%;}
.clear{clear:both}
.break{flex-basis: 100%;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] { -moz-appearance: textfield;}

a:hover{color:var(--yellow)}
.mobile-menu{display:none;}
.mobile-menu button{border:none;padding:5px !important;font-size:18px !important;vertical-align:middle;background:inherit;color:inherit}
.mobile-menu button .bx{font-size:27px !important;vertical-align:middle;margin-right:2px !important}
.custom-logo{max-height:80px;width:auto;}
.img-responsive{max-width:100% !important;height:auto}
.page-content{min-height:300px;}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	H1-H6	*/

h1{font-size:34px;font-weight:900;line-height:1em;vertical-align:middle;margin-bottom:25px;color:var(--yellow)}
h2{font-size:26px;font-weight:900;line-height:1em;vertical-align:middle;margin-bottom:25px;color:var(--yellow)}
h3{font-size:21px;font-weight:900;line-height:1em;vertical-align:middle;color:var(--gray)}

.page-header{background:var(--light-gray);text-align:center;padding:40px 10px;margin-bottom:30px;border-bottom:solid 1px #ddd}
.page-title{margin:0px;text-transform:uppercase;color:var(--gray);}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	BUTTONS	 */
/
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	HEADER	*/

.main-header{flex-flow: row wrap}
.main-header{background:var(--yellow)}
.main-header{position:relative}
#mobile-menu-container{display:none;position:absolute;top:100%;left:0px;z-index:9999;background:#fff;width:100%;padding:10px;border:solid 1px var(--yellow)}
.social .bxl{font-size:17px;color:var(--gray) !important}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	FOOTER	*/
.main-footer{background: var(--light-gray);padding-top:85px;padding-bottom:85px;color:var(--gray);font-weight:400;font-size:17px}
.menu-bottom{list-style:none;padding:0px;margin:0px}
.menu-bottom li{font-size:17px; font-weight:400;line-height:2em;}
.menu-bottom li a{font-size:inherit;font-weight:inherit;}
.menu-bottom li a::before{content:"\f2a1";font-family: "boxicons"; font-weight: 900;color:var(--yellow);margin-right:10px;transition:all .4s}
.menu-bottom li a:hover::before{margin-right:15px;color:var(--light-yellow)}
.menu-bottom li a:hover{color:#000 !important}
.menu-bottom .sub-menu{list-style:none;padding:0px;margin:0px}
.menu-bottom .sub-menu li{font-weight:500}

.copyright{background:var(--yellow); color:--var(gray); padding:15px;font-size:14px;}
.main-footer h3, .main-footer h4{color:var(--gray) !important;}
.main-footer h3{font-size:21px;font-weight:600;margin-bottom:25px;}
.footer-slogan{font-size:16px;font-weight:400;text-align:justify;margin-top:40px}
.footer-logo{padding-right:100px;border-right:solid 1px var(--yellow)}
.footer-logo img{max-width:300px !important;height:auto}
.footer-items{padding-left:100px !important}
.footer-items .bxf{font-size:20px;margin-right:20px !important;margin-top:2px !important;color:var(--yellow)}
.btn-oferta{font-size:22px;width:100%;padding-top:15px;padding-bottom:15px; background:var(--gray);color:#fff;margin-top:20px}
.btn-oferta:hover{background:var(--yellow);color:var(--gray)}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	MENIU	*/
.menu-top{list-style:none;margin:0px;padding:0px;position:relative}
.menu-top>li{display:inline-block;font-size:17px;color:var(--gray);margin:0px 25px;position:relative;transition:all .4s}
.menu-top>li:first-child{margin-left:0px !important}
.menu-top>li>a{font-size:inherit;font-weight:600;color:inherit;text-transform:uppercase}
.menu-top>li>a:hover{color:#000 !important}

.menu-top .menu-item-has-children a{position:relative}
.menu-top>.menu-item-has-children>a::before{content:"\f292";font-size:26px;font-family:boxicons !important;font-weight:400;width:1em;height:1em;line-height:1em;position:absolute;top:-5px;right:-28px;display:block;padding:0px;text-align:center;transition:.3s all;}
.menu-top>.menu-item-has-children:hover>a::before{transform:rotate(180deg)}

.menu-top>li>.sub-menu{position:absolute;top:100%;left:0px;list-style:none;padding:20px 40px;margin:0px;z-index:99994;width:auto;background:#fff;min-width:300px;opacity:0;visibility:hidden;transition:.4s all;border:solid 1px #ddd !important}
.menu-top>li:hover .sub-menu{opacity:1;visibility:visible;}

.menu-top>li>.sub-menu{display:flex}
.menu-top>li>.sub-menu>li>a{white-space:nowrap;padding:10px 10px 10px 0px;font-weight:600;line-height:2em;font-size:19px}

.sub-menu>.menu-item-has-children>a{display:block;border-bottom:solid 1px var(--yellow);margin-right:60px;}
.sub-menu>.menu-item-has-children>ul>li>a{display:block;margin-right:50px;padding-left:0px;transition:all .4s}
.sub-menu>.menu-item-has-children>ul>li>a:hover{margin-right:40px;padding-left:10px;}

.menu-top .sub-menu li a{white-space:nowrap;color:#000}
.columns2>.sub-menu{column-count: 2;}
.columns3>.sub-menu{column-count: 3;}
.columns4>.sub-menu{column-count: 4;}

.menu-top>li>.sub-menu>li>.sub-menu{margin-top:5px;padding:0px 50px 0px 0px;line-height:1.9em;list-style:none}
.menu-top>li>.sub-menu>li>.sub-menu>li>a{color:#555}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	NAVIGATION	*/
.navigation li a,.navigation li a:hover,.navigation li.active a,.navigation li.disabled {color: #fff;text-decoration:none;}
.navigation li {display: inline;border:solid 1px #fff;}
.navigation li a,.navigation li a:hover,.navigation li.active a,.navigation li.disabled {background-color: var(--gray);border-radius: 0px; cursor: pointer;display:inline-block;padding:5px 10px}
.navigation li a:hover, .navigation li.active a { background-color: var(--yellow); color:#fff !important}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	FORMS	*/
.wpcf7-form-control{border:solid 1px var(--light-gray);width:100%;margin-bottom:15px;padding:7px;font-size:15px;font-weight:400;background:#fff;}
.wpcf7-submit{background:var(--yellow);color:#fff;font-size:20px;border:none}
.wpcf7-submit:hover{background:var(--gray);}
.wpcf7-textarea{height:120px}
.modal-content{background:var(--light-yellow);border-radius:0px;}
.modal-header{border-color:var(--yellow)}
.modal-title{color:#fff !important}
.modal-body{padding:40px 40px 0px 40px}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	FRONT PAGE	*/

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	RESPONSIVE	*/
@media screen and (max-width: 1600px) {

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

}
@media screen and (max-width: 1200px) {
/*

	.main-header{position:relative}
	#mobile-menu-container{max-width:75%;width:300px;position:absolute;right:0px;top:100%;height:auto;background:#fff;border:solid 1px #000;z-index:9999}
	.menu-top>li{display:block;line-height:2em !important;border-bottom:solid 1px #ddd;margin:0px;padding:10px;text-align:center}
	#header-menu .d-flex{display:block !important}
*/
	.menu{display:none;}
	.mobile-menu{display:flex;}
	.menu-top>li{position:static;}
	.menu-top>li{display:block;font-size:17px;color:#000;margin:10px 30px;position:relative;transition:all .4s;border-bottom:solid 1px var(--light-blue);padding-bottom:10px;width:100%}	
	.menu-top>li:first-child{margin-left:30px !important}
	.menu-top>li>a:hover{color:#000 !important}
	.menu-top>li:hover{transform:none !important}
	.menu-top>li>.sub-menu{display:block !important;position:static !important;opacity:1;visibility:visible;transition:.4s all;padding-bottom:0px;border:none !important}
	.menu-top>li>.sub-menu li{border-top:solid 1px var(--light-blue);border-bottom:none}
	.menu-top>.menu-item-has-children a::before{display:none}	
}
@media screen and (max-width: 992px) {
	.footer-logo,.footer-items{padding:20px !important};
	.custom-logo{max-width:200px !important;height:auto !important;margin-left:5px}
	.menu-bottom li{display:block;padding:8px 0px;line-height:1.3em}
	.main-footer .img-responsive{width:100% !important}
	
	.mobile-menu{cursor:pointer}
	.no-mobile-margins{margin:0px !important;padding:0px !important}
	.columns2>.sub-menu{column-count: 1;}
	.columns3>.sub-menu{column-count: 1;}
	.columns4>.sub-menu{column-count: 1;}	
}
@media screen and (max-width: 767px) {
	.main-footer h3{margin-top:60px}
}
@media screen and (max-width: 390px) {

}