/*
 Theme Name:   CIS Storefront Elementor Supported Theme
 description:  Theme developed by CIS ; latest by March 7, 2025
 Author:       Mark Sorreda 
 Template:     storefront
 Version:      1.0.0
*/






@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');




/*

	font-family: "Crimson Text", serif;
  font-weight: 400;
  font-style: normal;
		
	grey	
	#2d2d2d
	
	Cathay Sage
	#2c4036
	
	cream
	#d8d8d8

*/



*{

	
}









/*      header codes       */



/*
 
#masthead{
	display:flex;
	justify-content: space-between;
  align-items: flex-end;
		padding:0 20px;
	margin:0;
}

.storefront-primary-navigation .col-full{
	width:100%!important;
padding: 0;
    margin: 0;
}
#masthead .col-full{
	width:40%;	
}
.storefront-primary-navigation{
	width:60%;
}

.site-search{
	display:none;
}




/*      header codes       *


#masthead .col-full {

}






/*
.col-full{
	max-width:100%;
margin:0;
padding:0;
}






/*
 * 








 * 
 */






/*******  generals ********/
a,button,a:hover,button:hover
{
	outline:none!important;
	color:initial;

}
input{
	
	outline:none!important;
}
img{
	border-radius:0;
		border:0;
	outline:none;

		
}
h1, h2, h3, h4, h5, h6{
	font-weight:initial;
	line-height:4.5vh;
	color:initial;
}
h1{
	font-size:4.5vh;
	font-weight:600
}
h2{
	font-size:4vh;
	
}
h3{
	font-size:3.7vh;
	
}
h4{
	font-size:3.3vh;
	
}
h5{
	font-size:2.7vh;
	
}
h6{
	font-size:2.3vh;
	
}
/*******  generals ********/


/*******    body   *******/

body{
	
	font-weight: 600;
	
	color:#2d2d2d;
	font-size:1.9vh;
	
    /*
	font-family: "Crimson Text", serif;
	*/
   font-family: "Nunito Sans", sans-serif;
		
	/*
	#2c4036
	*/
}


body div#content>div.col-full
{
	width:100%;
	max-width: 100%;
	
	margin:0;
  padding: 0;
  
	
}
.site-content{
    min-height:100vh;
    
}
.site-content #primary
{
    width:100%;
    margin:0;
}
#content .col-full{
	
	max-width:80%;
	margin:15% 10%;
	
}

.archive #content .col-full{
	
	max-width:80%;
	margin:5% 10%;
	
}


.entry-content{
	margin-top: 12vh;
}

.post-template-default.single.single-post #content{
	    margin-top: 20vh;
}



/*******    body   *******/

/******   header   *****/

header.woocommerce-products-header,header .site-search
{
	display:none;
}

.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img {
    width: 20vh;
    max-width: initial;
}


header#masthead.site-header{
	background:none;
}
 .entry-content{
	margin:0;
}

.home h1.entry-title
{
	display:none;
}
/******   header   *****/


/******   footer  *******/


.site-footer{
    background-color:#2c4036;
    color:#fff;
    /**secondary color #d8d8d8*/
    
}
.site-footer a{


	text-decoration:none!important;
}
.home .footer-widgets.col-2 .block.footer-widget-2{
	display:none;
}

.site-footer svg{
	color:#000!important;
	padding:5%!important;
	box-sizing:border-box!important;
	margin:5%!important;
	
}
/******   footer  *******/



/*** for wp block editor ***/
.hide-this{
	display:none!important;
}

div.cis_main_blocks
{
	
}



div.cis_main_blocks_components
{
	height:100vh;
	float:left;
	//border:.1vw solid #000;
	width:100%;
	display:flex;
	  

}
div.cis_main_blocks_components h1
{
}


div.alignleft,
div.alignright{
	width:50%;
	padding: 0 2.5vw;
	display:flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
	margin:0;
}
div.alignleft img,
div.alignright img
{
	    width: auto;
    height: 100%;
}
div.alignleft{
	
	
}
div.alignright{
	    align-items: flex-start;
	padding: 0!important;	
}

div.alignleft video{
	height:60vh;

	width:100%!important;
	object-fit:cover;
}
div.alignleft figure{
	margin:0;
}
div.alignright div.wp-block-buttons{
	   
	
}
div.aligncenter{
	
	
}
div.alignbg{
	
	
}
div.cis_main_blocks_components#hero
{
	background:#FFE361;
	height:70vh;
}
#bannerlogo{
	width:70%;
	height:auto;
}
div.cis_main_blocks_components#hero h1
{
	font-size:7vw;
	letter-spacing:-.5vw;
	margin:0;
		
}
div.cis_main_blocks_components#hero p
{
	font-size:1.6vw;
}
div.cis_main_blocks_components#third
{
    background: #53b3da;

}

div.cis_main_blocks_components h1,
div.cis_main_blocks_components p
{
	color:#000;
}



a.whiteoutlinebuttons{
	color:#fff;
	border:.2vw solid #fff;
	padding:1vw 3vw;
}
a.whiteoutlinebuttons:hover{
	background:#fff;
	color:#345;
}
.medium-sized-photo{
	display:flex;
	    justify-content: center;
}
.medium-sized-photo img{
	height:20vh;
	width:auto;
	
}

/*** for wp block editor ***/



@media only screen and (max-width: 768px) {
	
	h1, h2, h3, h4, h5, h6{
	
	line-height:3.5vh;
	}
	
}























@media (max-width: 768px){
	

}