/*
	Theme Name: Kamnoseštvo Kramar
	Theme URI: 
	Description: Tema za spletno stran kamnoseštvo Kramar
	Version: 1.0
	Author: Marko Zajko
	Author URI: marko.zajko@gmail.com
	Tags: gems

	License: Private (do not copy)
	License URI: marko.zajko@gmail.com
*/


@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext');

@font-face {
    font-family: athene;
    src: url("fonts/Athene.otf") format("opentype");
}

html{
	/*
	background: url(img/background.jpg) 
    -webkit-background-size: auto;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.background.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg', sizingMethod='scale')";
    background-attachment: fixed;
	*/

}

h1, h2, h3, h4{
	margin-top: 0px;
	color: #A5A6A9;
	font-family: 'athene';
}

h1{
	font-size:24px;
	color: #3B3C3C;
	/*text-transform: uppercase;*/
	margin:0;
	line-height: 30px;
	display: inline;
}

h2{
	font-size: 20px;
	text-align: left;
	font-weight:bold;
	color:#515255;
	font-family: 'Open Sans', sans-serif;
	padding-top: 20px;
    padding-bottom: 5px;

}
h3{
	color: #2FB7F1;
	font-size: 18px;
	text-align: center;
	padding-top:15px;
}


body{
	background-color:transparent;
	font-family: 'Open Sans', sans-serif;
	text-align: justify;
	color:#3D3A3A;
}



.container {
    max-width:970px;
	width:100%;
}

.img-responsive{
	margin:0 auto !important;
}

.centerText{
	text-align:center;
}

.containerLarge {
    max-width: 1050px;
}

.subtitle{
	margin-top: 10px;
	color: #2FB7F1;
	font-family: 'PT Sans', sans-serif;
	font-size:28px;
	line-height: 30px;
	display: inline;
	text-transform: uppercase;
}

.topInfo{
	height: 15px;
	background: #fff;
	padding-top: 10px;
	padding-bottom: 5px;
}

.topInfoDiv{
	display: inline; 
	padding-right:10px;
	font-size: 12px;
}

.headerInfoLink{
	color: #fff;
	padding-left: 20px;
}

.headerInfoLink:hover{
	color: #89AC46;
	text-decoration: none;
}


/* Style The Dropdown Button */
.dropbtn {
    background-color: #89AC46;
    color: white;
    padding: 4px 8px;
    margin-top: -3px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    position: relative;
}


.topHead{
	/*height:50px;*/
	background: #fff; 
	/*width:100%;*/
	z-index:900000000;

}

.logoHolder{
	margin-top:-10px;
	padding-bottom: 5px;
	display: inline-block;
}

.logoImg{
	/*max-width:250px;*/
}

.topHeadLink{
	color:#3D3A3A;
}

.topHeadLink:hover{
	color:#2FB7F1;
	text-decoration:none;
}

.breadcrumbs{
	padding-bottom: 20px;
}



/*main menu*/
#mega-menu-wrap-header-menu {
	background: none !important; /* Old browsers */
	margin-top: 5px;
}

.maxMenu{
	max-width: 100%;
	z-index: 21;
	position: relative;
}

.mega-menu-wrap, .mega-menu-toggle{

	background: #fff !important; /* Old browsers */
	text-align:center;
}

.mega-menu-link{
	font-size: 18px !important;
	display:inline !important;
	padding-top:5px !important;
	padding-bottom:6px !important;
	padding-left:10px !important;
	padding-right:10px !important;
	color:#262626 !important;
	background: none !important;
	width:100% !important;
	font-family: 'athene' !important;

}

.mega-menu-link:hover{
	color:#2FB7F1 !important;
	background: none !important;
}
.mega-menu-link:focus{
	color:#2FB7F1 !important;
	background: none !important;
}
.mega-menu-toggle{background: rgba(0, 0, 0, 0.90)!important; !important; padding-left:10px !important;}
.shadow{
	-webkit-box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.45);
	box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.45);
}

#mega-menu-wrap-header-menu,  {
    display: inline-block;
    height: auto;
    vertical-align: middle;
   
}

#mega-menu-header-menu > li.mega-menu-item:hover{

}

#mega-menu-header-menu > li.mega-menu-item{
	margin-top: -10px ;
}

a.mega-menu-link:after {
    margin: 0px 0 0px 6px !important;
}


#mega-menu-wrap-header-menu #mega-menu-header-menu {
	text-align: right !important;

}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:hover {
	color:#2FB7F1 !important;
}

.mega-sub-menu *{
	font-size:14px !important;
}





/*home page*/

.homeCategoryLink{
	color: #3B3C3C;
}

.homeCategoryLink:hover{
	color: #3B3C3C;
	text-decoration: none;
}

.categoryLeftContentHome{
	padding:10px;  
}

.categoryTitleHolderHome{
	width: 80%;
}

.categoryTitleHome{
	font-size: 28px;
	font-weight: normal;
	padding-top:0px;
	text-align: center;
	padding-bottom: 10px;
	font-family: 'athene'
}

.categoryContentHolderHome{
	margin-top: 20px;
	border:4px solid #02BDF3;
	padding:20px;
	padding-right: 60px;
	z-index: 2;
	height: 200px;
	position: relative;
}

.categoryRightHolderHome{
	margin-left: -100px !important;
}

.categoryImgHolderHome{
	position: relative;
	z-index:1; 
	padding: 30px;
}

.categoryImgHome{
	text-align: left;
	width:540px;
	height: 300px;
	vertical-align: middle; 
}

.categoryImgOverlayHome{
	position: absolute; 
	left:0; 
	right: 0; 
	background:rgb(40,40,40, 0.1); 
	z-index: 2; 
	width:500px; 
	height: 360px;
}


.readMoreButton{
	position: relative; 
	text-align:center; 
	margin:0 auto; 
	width: 110px; 
	font-size: 16px; 
	padding:5px; 
	border:1px solid #2FB7F1;
}

.readMoreButton:hover{
	background:#2FB7F1; 
	color:white;
}

 .divider{
 	background: url(img/divider.png);
 	width: 400px;
 	height: 10px;
 	margin: 0 auto;
 	margin-top:30px;
 	margin-bottom: 30px
 }

 .keywords{
 	font-size: 20px;
 	margin-bottom: 20px; 
 	margin-top: 20px;
 }

 .keywordsUnderline{
 	position: absolute;
 	width: 30px; 
 	border-bottom: 3px solid #2FB7F1
 }


/*category page*/
.categoryLeftContent{
	padding:10px;  
}

.categoryTitleHolder{
	width: 80%;
}

.categoryTitle{
	font-size: 28px;
	font-weight: normal;
	padding-top:0px;
	text-align: center;
	padding-bottom: 10px;
	font-family: 'athene'
}

.categoryContentHolder{
	margin-top: 20px;
	border:4px solid #02BDF3;
	padding:20px;
	padding-right: 100px;
	z-index: 2;
	height: 200px;
	position: relative;
}

.categoryRightHolder{
	margin-left: -100px !important;
	margin-top: 40px;
}

.categoryImgHolder{
	position: relative;
	z-index:1; 
	padding: 30px;
	padding-left:20px;
}

.categoryImg{
	text-align: left;
	width:540px;
	height: 260px;
	vertical-align: middle; 
}

.categoryImgOverlay{
	position: absolute; 
	left:0; 
	right: 0; 
	background:rgb(40,40,40, 0.1); 
	z-index: 2; 
	width:500px; 
	height: 320px;
}


/*slider*/


.sliderCard{
	
}

.sliderGrayCard{
	background-color:rgba(85,85,85,0.8);
	color:#fff;
	padding: 15px;
	font-size: 30px;
	line-height: 40px;
}

.sliderBlueCard{
	background-color:rgba(2,189,243, 0.8);
	color:#000;
	padding: 15px;
	font-size: 18px;
	line-height: 28px;
}


.sliderText{
	font-size:20px;
	padding-bottom:15px;
	line-height: 25px;
}



/*gallery*/
.wp-block-gallery.is-cropped .blocks-gallery-item img {
	border: 3px solid #02BDF3 !important;
}

/*recommended products*/
.productHolder{
	border: 2px solid #FAF376;
	background: white;
	padding: 10px;
}
.productTitle{
	text-align: center;
	font-weight: bold;
}

.productImg{
	width:100%;
}

.sendMsg{
	border: 2px solid #02BDF3;
	background: white;
	padding: 7px;
	text-align: center;
	width: 350px;
	margin:0 auto;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
}

.sendMsg:hover{
	background: #F1F0F0;
	cursor: pointer;
}

.iphorm-fancybox-link{
	color:#3B3C3C;
}

.iphorm-fancybox-link:hover{
	color:#3B3C3C;
	text-decoration: none;
}



.smallButton{
	border: 2px solid #FAF376;
	background: white;
	padding: 5px;
	text-align: center;
	width: 150px;
	margin:0 auto;
}

.smallButton:hover{
	background: #F1F0F0;
}


/*footer*/

.beforeFooter{
	background: #DEDEDE;
	padding-bottom: 20px;
}

.beforeFooterLink{
	color: #3D3A3A;
}


.beforeFooterLink:hover{
	text-decoration: none;
	cursor: pointer;
}


.footerMenuText{
	font-weight:bold; 
	padding-bottom:15px; 
	padding-left:120px;
}

.footer{
	background: url(img/footerBackground.jpg);
	color:#FFF;
	    -webkit-background-size: auto;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.background.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg', sizingMethod='scale')";
    background-attachment: fixed;
	/*background-size: 100% auto;*/
}
.footerlink{
	color:white;
	font-size: 12px;
}

.footerlink:hover{
	color: #2FB7F1;
	text-decoration: none;
}


.showOnTablet{
	display:none;
}




@media (max-width: 1320px) {
	.underHead{
		display: none;
	}
}


@media (max-width: 1092px) {
	.showOnTablet{
		display:block;
	}

}


@media (max-width: 1080px) {
	.footerMenuText{
		display:none;
	}


	.categoryContentHolderHome{
		margin-top: 0px;
		border:none;
		padding:20px;
		padding-right: 20px;
		z-index: 2;
		height: auto;
		position: relative;
	}

	.categoryTitleHolderHome{
		width: 100%
	}
	
	.categoryLeftContentHome{
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.categoryRightHolderHome{
		margin-left: 0px !important;
	}

	.categoryImgHolderHome{
		position: relative;
		z-index:1; 
		padding: 30px;
		padding-top: 0px;
	}

	.categoryImgHome{
		text-align: left;
		width:100%;
		height: auto;

	}

	.categoryImgOverlayHome{
		display: none;
	}

	.keywords{
		text-align: center;
	}

	.keywordsUnderline{
		position: relative;
		margin:0 auto;
	}

	/*category page*/
	.categoryContentHolder{
		margin-top: 0px;
		border:none;
		padding:20px;
		padding-right: 20px;
		z-index: 2;
		height: auto;
		position: relative;
	}

	.categoryTitleHolder{
		width: 100%
	}
	
	.categoryLeftContent{
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.categoryRightHolder{
		margin-left: 0px !important;
		margin-top: 0px !important;
	}

	.categoryImgHolder{
		position: relative;
		z-index:1; 
		padding: 30px;
		padding-top: 0px;
	}

	.categoryImg{
		text-align: left;
		width:100%;
		height: auto;

	}

	.categoryImgOverlay{
		display: none;
	}


}

/* menu goes to mobile */
@media (max-width: 1000) {
	#mega-menu-header-menu > li.mega-menu-item{
		margin-top: -22px !important;
	}

}





@media (max-width: 992px) {
	.productWrapper{
		height:auto;
	}

	.img-responsive{
		margin: 0 auto;
		margin-bottom:20px;
	}
}



@media (max-width:845px) {

	.topInfoDiv{
		display: none;
	}

	.logoContainer{
		text-align: center;
	}

	.logoHolder{
		text-align: center;
	}

	.topMenuHolder{
		padding-top:5px;


	}

	.gallery-item{
		width:50% !important;
	}

	.textCenterMobile{
		text-align: center;
	}

	.hideFooterIcon{
		display: none;
	}

}


@media (max-width: 768px) {
	.shadow{
		-webkit-box-shadow: 0px -1px 10px 0px rgba(0,0,0,0);
		-moz-box-shadow: 0px -1px 10px 0px rgba(0,0,0,0);
		box-shadow: 0px -1px 10px 0px rgba(0,0,0,0);
		text-align:center;
	}

}


@media (max-width: 720px) {
	.categoryContentHolder{
		height:auto;
	}
}



@media (max-width: 530px) {

	.mega-menu-header-menu{
		z-index:10000;
	}
	
	.subMenu{
		margin-top:0px;
	}

	.divider{
		display: none;
	}

	.gallery-item{
		width:100% !important;
	}

	.mega-menu-link{
		color:#fff !important;
	}
	.ul.mega-sub-menu, .li.mega-menu-item{
		color:red !important;
	}
}

@media (max-width: 360px) {
	.logoImg{
		margin-top: 15px;
		width: 150px;
	}
	.categoryImg{
		width: 100%;
		height: auto;
	}

	.productImgHolder{
		width:200px;
		margin: 0 auto; 
		height:auto; 
		padding:10px; 
		position: relative;
	}


}