@charset "utf-8";
/*
Theme Name: twentyseventeen-child
Theme URI: http://www.coastcannabis.net/
Description: A twentyseventeen child theme
Author: Name
Author URI: 
Template: twentyseventeen
Version: 0.1
*/


@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400&display=swap');
@import url('https://fonts.googleapis.com/css?family=Alegreya+SC:900&display=swap');

h1{
	font-family: 'Alegreya SC', serif;}

p{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size:1.3rem;
}





/*----------------Navigation------------------*/	
	
nav a {
	
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size:1.5rem;
	}		

.main-navigation ul {
	float:right;}	

.main-navigation {
	 }		

#site-navigation .main-navigation {
	float:right;}		
		
.home .main-navigation li a{
	color:white;
	font-weight:300;}
	
.main-navigation li a{
	color:#256397;
	font-weight:100;}	
	
.main-navigation li a:hover{
	color:#48a8d7;}	
	
.home .main-navigation li a:hover{
	color:#222222;
	/*border-bottom: 1em;*/
	/*background:url("menu_bg_white.jpg");*/
	/*background-size:cover;
	background-position:bottom;*/}	
	
.main-navigation a{
	padding: .1em 1.25em; }
	
			
.site-info {
	display:none;}
	
/*.home .site-navigation-fixed{
	border-bottom:#eee;}*/
		
.navigation-top {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 70px;
	background-opacity: .5;
	background:transparent;
	z-index:10;
	background-image: url("cclogo_menu.png");
	background-size:contain;
	background-repeat: no-repeat;
}

.navigation-top{
	border-bottom:none;}
		

/*-----------Fixed Nav on scroll----------------------*/
	
.site-navigation-fixed{
	background:#e6eae9;
	background-image: url("cclogo_menu.png");
	background-size:contain;
	background-repeat: no-repeat;
	
}
	
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a .site-navigation-fixed li a {
	color:#256397;}	
	
	
.home .site-navigation-fixed li a {
	color:#256397;}	

.home .site-navigation-fixed li a:hover {	
	color:#48a8d7;}
	
	
/*------gets rid of shading on home page image--------*/
.custom-header-media::before {
  background: none;
}

/*-----------------Gets rid of little arrow on home page---------------------*/

svg.icon.icon-arrow-right{
	display:none;}
	
	
/*------------------HOME BG---------------------------	*/
/*.has-header-image .custom-header-media img{
	position:absolute;
	background-size:contain;}
	
.has-header-image .custom-header-media{
	background-color:#9bb4c8;}*/
		
/*-------------------HOME IMAGE----------------------------------*/

	
.home .site-branding {
  background:transparent;
  top:30%;
  width:70%;
}
	
h1.site-title{
	display:none;}
		

/*------ LOGO BIG IN THE MIDDLE---------*/
.has-header-image.twentyseventeen-front-page .site-branding{
	background:url("coast_logo_cell.png");
	background-size:contain;
	/*max-height:50%;*/
	/*background-width:auto;*/
	background-position:center; 
	background-repeat:no-repeat;
	padding-left:10%;
	padding-right:10%;
	}
	
/*---------------------HOME BG--------------------*/	

.has-header-image .custom-header-media img {
    object-fit:cover; 
}	
/*-------------------HOME INTRO PARAGRAPH---------------------*/
.home #post-2{
	/*background-color:#9bb4c8;*/
	border-top:none;
	}
	
.home #post-2 div.wrap{
	background:white;
	margin-top:5%;
	margin-bottom:5%;
	padding-top: 3em;
	padding-bottom:3em;
	}

.panel-content.wrap{
	padding-top:0em;
	padding-bottom:0em;
	}
	
body.page-two-column:not(.archive) #primary #panel2 .entry-content, body.page-two-column #panel1 #comments{
  	width:100%;	
}

body.page-two-column:not(.archive) #primary #panel2 .entry-header
{  
  width: 100%;
  margin-bottom:1em;
  text-align:center;
  
}	

.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header{
	margin-bottom:1em;}

.page-one-column .panel-content .wrap{
	max-width:70%;}
	
.home #post-2 p{
	color:#256397;}	
	
.page .panel-content .entry-title{
	font-size:3rem;
	color:#256397;
	font-family: 'Alegreya SC', serif;
	letter-spacing:0em;
	
	}	
	
.home #post-2 div.wrap{
	margin-bottom: 0em;}	
	
/*---------------PAGES--------------------------------*/	

body.page:not(.twentyseventeen-front-page) .entry-title{
	font-size:3em;
	color:#256397;}
	
	
/*----------------------PRODUCTS-----------------------*/	
#post-20 ul li{
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size:1.3rem;
	}
	
#post-20 ul{
	padding-left:4em;}	
	
#post-20 ul.wp-block-gallery.aligncenter{
	padding-left:0em;
	}	
	
/*----------------HEADER---------------------------*/	

.custom-header{
	display:none;}
	
/*---------------BLOG------------------------------*/	

/*body.blog h1.page-title{
	text-transform:capitalize;
	font-size:4em;
	}*/
	
body.blog h1.page-title {
	display:block;
	font-size:3em;
	color:#256397;}	
	
	/*Blog Post image*/
	
.single-featured-image-header img{
	margin-top:40px;
	oject-fit:cover;
	margin-right:0px;
	margin-left:0px;
	width:100%;
	}		
	
.single-featured-image-header{
	height:300px}	
	
	/*Making Blog posts single column */
	
body:not(.has-sidebar):not(.page-one-column) .page-header{
	text-align:center;
	width:100%;}
	
.blog:not(.has-sidebar) #primary article{
	width:100%;}
	
.post-thumbnail img {
	width:100%;
	object-fit: cover;
	}
	
.single-post .entry-title{
	font-size:2.5em;
	color:#256397;
	}	
/*----------------COMMENTS------------------------*/
.entry-footer{
	height:20%;}
	
footer.comment-meta{
	height:30%;}		
/*---------------FOOTER-------------------------*/
footer{
	background:url("bg_footer_green_2.png");
	/*height:600px;*/
	width:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;
	/*background-color:#9bb4c8;*/

	}
	
footer#colophon.site-footer{
	margin-top:0em;
}
/*
.site-footer{
	border-top:none;
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;}
	*/

	
.social-navigation a{
	background-color:white;
	color:#9bb4c8;}
	
/*-------Spacing between main and footer-------------*/	

.home #post-2 div.wrap{
	padding-bottom: 0em;}

/*------Footer Widget------------------------*/

.widget-area p {
	font-size:1rem;
	line-height:20%;
	font-weight:400;
}
	
.site-footer .widget-column.footer-widget-1{
	width:30%;
	}	
	
.site-footer .widget-column.footer-widget-2{
	width:30%;
	float:left;}	
	
	
h2.widget-title{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:.9 em;}
	
.site-footer .wrap {
	max-width:70%;}	
	
footer#colophon.site-footer {
	padding-top:15em;}	
	
.site-footer{
	border-top:none;}

/*-------------------------IPAD------------------------*/
@media only screen and (max-width:800px){
	
.main-navigation a{
	padding: .1em .75em;}
	
.page-one-column .panel-content .wrap{
	max-width:90%;}


	
.site-footer .wrap{
	max-width:90%;}	
	
.site-footer .widget-column.footer-widget-1{
	width:40%;}	
	
.site-footer .widget-column.footer-widget-2{
	width:40%;}		
	
.page-id-22 footer#colophon.site-footer{
	margin-top:15em;
	}



	
}


/*----------------------IPAD PRO---------------------------*/

@media only screen and (width:1024px){
	.page-id-22 footer#colophon.site-footer{
	margin-top:40em;
	}
	
	}


/*-----------------------PHONE-----------------------------*/

@media only screen and (max-width:481px){
	

.has-header-image.twentyseventeen-front-page .site-branding{
	background-repeat:no-repeat;
	background-size:contain;
	

	}
	
.home .site-branding{
	top:0px;}
	
.has-header-image.twentyseventeen-front-page .site-branding{
	width:100%;
	
	background-position:center;
	}

.has-header-image .custom-header-media img {
    object-position:right;

	
	}
	
.home .main-navigation li a{
	color:#256397;
	font-weight:100;
	font-size:1.5rem;
	}	
		
.page-one-column .panel-content .wrap{
	max-width:90%;
	}

.page .panel-content .entry-title{
	font-size:2rem;	
	
}

/*p {
	font-size:1.3rem;}
	
#post-20 ul li{
	font-size:1.3rem;}	*/

.site-footer .widget-column.footer-widget-1 {
	width:auto;
	}

.site-footer .widget-column.footer-widget-2{
	width:auto;}
	
footer#colophon.site-footer{
	padding-top:6em;
	}	
	
.page-id-22 footer#colophon.site-footer{
	margin-top:0em;
	}	
	
.text-widget p{
	border:red 1px;}

.navigation-top {
	background-color:white;}

.site-footer .wrap{
	max-width:90%;}

h1.entry-title{
	margin-top:10%;}

h1.page-title{
	margin-top:10%;
	}

/* This is for the resources page - figure out how to specify resources page only
.wrap {
	padding-left:1.5em;
	padding-right:1.5em;}
*/
body.blog .wrap{
	padding-left:1.5em;
	padding-right:1.5em;}

.navigation-top{
	height:50px;}



}

@media only screen and (max-width:320px){
	
body.blog h1.page-title{
	font-size:2.6em;}
	
	}