/*
	Theme Name: Ground Zero 8
	Author: Wendy at Cyba Studio
	Author URI: https://www.cyba.co.za 
	Description: Gutenberg ACF theme
	Version: 1.0
	Tested up to: 6.2
	Requires PHP: 8.0
	Text Domain: groundzero7
	Domain Path: /languages
	tags: featured-images, footer-widgets, full-width-template, left-sidebar, theme-options, 


	*/





@media screen {
	/*
	100 	Thin (Hairline)
	200 	Extra Light (Ultra Light)
	300 	Light
	400 	Normal (Regular)
	500 	Medium
	600 	Semi Bold (Demi Bold)
	700 	Bold
	800 	Extra Bold (Ultra Bold)
	900 	Black (Heavy)
	950 	Extra Black (Ultra Black)


	*/




	@font-face {
		font-family: Palatino;
		src: url(fonts/Palatino.ttf) format('truetype');
		font-weight:400;
    font-style:italic;
		font-display: swap;

	}	

	@font-face {
		font-family: Poppins-Light;
		src: url(fonts/Poppins/Poppins-Light.ttf) format('truetype');
		font-weight:300;
		font-display: swap;
	}	

  @font-face {
		font-family: Poppins-Regular;
		src: url(fonts/Poppins/Poppins-Regular.ttf) format('truetype');
		font-weight:400;
		font-display: swap;
	}	

	html{
		scroll-behavior:smooth;
		background-color:#555;
	}

	body{
		margin:0;
		padding:0;
		border:0;
		/* word-wrap:break-word;*/
		font-family: Poppins-Light;
		background-color:#eee;
	}


	p{
		font-size:16px;
		font-size: clamp(16px, 4vw, 18px);
	}

	.paragraph p, 
	p.paragraph{
		line-height:24px;
		line-height: clamp(18px, 6vw, 24px);
	}

	.large-p p, 
	p.large-p{
		font-size:18px;
		line-height:28px;
		font-size: clamp(18px, 4vw, 22px);
		line-height: clamp(20px, 6vw, 30px);
	}


	
	
	
	#white-content h1.entry-title, 
	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6,
	.pretend-heading p,
	p.pretend-heading, 
	p.widget-title, 
	h2.huge-heading, 
	.huge-heading p, 
	p.huge-heading, 
	.pretend-heading p,
	p.pretend-heading, 	
	p.small-heading,
	.small-heading p, 
  p.medium-heading, 
  .medium-heading p{
		font-family: Palatino;
    font-style:italic;
    color: #58595b;
	}
	
	

	h1.entry-title{
		text-align:center;
		margin: 30px 0;
    border-bottom:1px solid #ccc;
    padding-bottom:20px;
	}
	

	h1, h2, h3, h4, h5, h6
	.pretend-heading p,
	p.pretend-heading, 
	p.widget-title{
		font-weight:400;
		margin:7px 0;
	}


	h2.huge-heading, 
	.huge-heading p, 
	p.huge-heading{
		font-size:46px;
		line-height: 48px; 
    font-size: clamp(30px, 4vw, 46px);
    line-height: clamp(32px, 4vw, 48px);
    
	}

 

	h1, 
	.pretend-heading p,
	p.pretend-heading{
		font-size:38px;
		line-height:42px;
		font-size: clamp(28px, 4vw, 42px);
		line-height: clamp(32px, 6vw, 46px);
	}
	
	p.small-heading,
	.small-heading p{
    font-size: 24px;
    line-height: 28px;	
    font-size: clamp(20px, 4vw, 24px);
    line-height: clamp(24px, 6vw, 28px);
	
	}
	 
  h2, 
  p.medium-heading {
    font-size: 36px;
    line-height: 36px;	
    font-size: clamp(28px, 4vw, 36px);
    line-height: clamp(30px, 6vw, 40px);
  }
  
  h3 {
    font-size: 32px;
    line-height: 34px;	
    font-size: clamp(28px, 4vw, 32px);
    line-height: clamp(32px, 6vw, 36px);
  }
  
  h4 {
    font-size: 28px;
    line-height: 32px;	
    font-size: clamp(24px, 4vw, 28px);
    line-height: clamp(28px, 6vw, 32px);
  }
  
  h5 {
    font-size: 24px;
    line-height: 28px;	
    font-size: clamp(20px, 4vw, 24px);
    line-height: clamp(24px, 6vw, 28px);
  }
  
  h6 {
    font-size: 18px;
    line-height: 22px;	
    font-size: clamp(16px, 4vw, 18px);
    line-height: clamp(18px, 6vw, 20px);
  }
  





	a{
		text-decoration:none;
		transition-duration:200ms;
    color: #2d8cbe;
	}


	a:visited{

	}


	

	a:active{
		
	}



	a.button-link, 
  button.button-link{
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 6px;
    font-family: Poppins-Regular;
    text-transform: uppercase;
    white-space: nowrap;
    display:inline-block;
	}

	a.button-link:hover{
		opacity:0.7;
	}
	 
	 

	strong, b{

		font-weight:700;
	}

	img{
		border:0;
		max-width:100%;
		height:auto;
	}



	input[type=submit]{
    appearance:none;
		-webkit-appearance:none;
	}


	ul, ol { 
		margin: 0 0 10px 0; 
	}


	li{
		margin-bottom:10px;
	}

	.tick ul{
		list-style-type:none;
		padding: 0;
		margin: 0;
	}

	.tick li{
		background: url('images/list-item.svg') no-repeat left 5px;
		height: 54px;
		padding-left: 36px;
		padding-top: 3px;
	}





	#post-navigation{
		border-top:1px solid #ddd;
		padding:10px 0;
	}

	#post-navigation a.prev-post{
		
	}

	#post-navigation a.next-post{
		float:right;
	}






	form { }
	input[type=text] {
		margin-bottom:10px;
		padding:5px;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px; 
		border: 1px solid #ccc;
		color:#666;

	}

	textarea {
		margin-bottom:10px;
		padding:5px;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px; 
		border: 1px solid #ccc;
		color:#666;
	}

	#submit{
		background-color: #555;
		padding: 5px 20px;
		text-align: center;
		display:inline-block;
		border:0;
		color:#fff;
		font-size:14px;
	}

	#submit:hover{
		background-color: #f0f0f0;
		cursor:pointer;
		color:#000;
	}



	iframe{
		max-width:100%;
	}


	blockquote {
		background: #f9f9f9;
		border-left: 10px solid #ccc;
		margin: 1.5em 10px;
		padding: 1em 10px;
		quotes: "\201C""\201D""\2018""\2019";
		font-weight:700;
	}

	blockquote:before {
		color: #ccc;
		content: open-quote;
		font-size: 4em;
		line-height: 0.1em;
		margin-right: 0.25em;
		vertical-align: -0.4em;
		font-family:times;
	}

	blockquote p {
		display: inline;
	}










	 



	hr {
		background-color:none;
		border:1px solid #ccc;
		border-style: none none solid;
		color:none; 
	}



	p.dashicons-custom-icon:before{
		content: "\f319";
		font-family: 'Dashicons';
		color: #50c77a;
		padding-right: 6px;	
	}


	.noshow, 
	.noshow h2, 
	.noshow h3,
	.noshow h4,
	.noshow h5,
	.noshow h6,
	.noshow p, 
	.noshow img, 
	.noshow a, 
	.noshow span{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
	}







	.center{
		text-align:center;
	}

	.no-wrapper{
		width:100%;
	}

	.full-wrapper{
		width:94%;
		margin: 0 3%;
	}

	.large-wrapper{
		max-width:1200px; 
		margin:0 auto; 	
	}

	.wrapper{
		max-width:1024px; 
		margin:0 auto; 
	}
	 
	.small-wrapper{
		max-width:960px; 
		margin:0 auto; 
	}

	.text-wrapper{
		max-width:750px;
		margin:0 auto;
	}

	.tiny-wrapper{
		max-width:500px;
		margin:0 auto;
	}

  .no-wrapper,
	.full-wrapper,
	.large-wrapper,
	.wrapper,
	.small-wrapper, 
	.text-wrapper,
	.tiny-wrapper{
    position:relative;
    z-index:2;
  }
	
	 

	.clear{
		clear:both;
	}


	.site{

	}


  .object-position-left img{
    object-position: left;
  }

	.white-content{
		padding:80px 0;
	}

	.grey-content{
		background-color:#f6f6f6;
		background:linear-gradient(#eee, #f8f8f8)
	}

	.mega-content-padding{
		padding:100px 0;
	}

	.content-padding{
		padding:50px 0;
	}

	.small-content-padding{
		padding:20px 0;
	}

  .padding{
    padding:20px;
  }

  .full-height{
    height:100%;
  }

	.gap{
		gap:30px;
	}

	.no-margins{
		margin:0;
	}

  .no-padding{
    padding:0;
  }

	.columns2{
		display:flex;
		justify-content:space-between;
		gap:20px;
	}

  .section-heading{
    margin-bottom:30px;
  }

  .image-border img{
    border: 1px solid #ccc;
    padding: 10px;

  }

  .image-border img{


  }

  /* this changes the order of an image and text in mobile view - working with gutenbergs responsivity. Put the order swap on the div you want to move to the bottom in mobile
  .order-swap{
    order:2;
  }
    */




  





  	/* sticky header */
	.sticky {
		position: fixed;
		top: 0;
		width: 100%;
		z-index:3;
	}

  #stickyheader{
    background-color:#eee;
		position: fixed;
		top: 0;
		width: 100%;
		transition: 1s;
		opacity:0;
		z-index:4;

	}



	/* END sticky header */





  #top-bar{
    background-color:#fff;
    position:relative;
    z-index: 6;
  }

  #top-bar-content{
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap:20px;
  }

  #header{
    position: relative;
    z-index: 5;
  }

  #header #header-content{
    padding:11px 0;
  }

	#header-bar-content{
		display:flex;
    flex-wrap:wrap;
		align-items:center;
    justify-content: space-between;
		gap:30px;
	}

  #header-bar-content #logo img{
    width:200px;
  }

  #stickyheader #logo img{
    width:auto;
    height:30px;
    display:block;
  }

  #header-bar-content a{
    text-shadow: none;
  }





  #logo{

    Max-width:150px;
  }

  #navigation-container{
    padding:15px 0;
    position: relative;
    z-index: 3;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
  }

  #stickyheader #navigation-container{
    padding:5px 0;
  }

  #landing-hero{
    min-height:100vh;
  }

  #decal-main{
    position:absolute;
    left:0;
    top:0;
    width:25%;
    filter: brightness(2);
    z-index: 1;
  }

  #decal-main img{
    filter:brightness(2);
  }
    



	#social{
		position:fixed;
		z-index:7;
		right:0;
		top:50%;
		transform:translateY(-50%);
		padding:5px;
		border-radius:30px 0 0 30px;

    background: linear-gradient( 0, #dedede, #fff 16%, #fff 84%, #dedede);
    border: 1px solid white;
    box-shadow: 2px 2px 0.5em rgba(122, 122, 122, 0.55), inset 1px 1px 0 rgba(255, 255, 255, 0.9), inset -1px -1px 0 rgba(0, 0, 0, 0.34);
	}

	#social .icon{
		margin-bottom:5px;
	}

	#social .icon:hover{
		opacity:0.5;
	}

	#social img{
		height:16px;
	}

	#social .icon:last-child{
		margin:0;
	}

	#social .icon a{
		display:block;
		width:40px;
		height:40px;
		border-radius:50%;
		display: flex;
		justify-content: center;
		align-items: center;
    border: 1px solid #ccc;
	}

  

	#header-bar-content #contact-icons{
    display:flex;
    gap:10px;
	}
	
	#contact-icons .contact-icon{
		display:flex;
		align-items:center;
		gap:10px;
		margin-bottom:10px;
	}

	#contact-icons a:hover > img{
		opacity:0.8;
	}

	#contact-icons img{
		height:16px;
	}




	/* search bar */
	.search-form {
		position: relative;
		display:inline-block;
		max-width:200px;
	}

	.search-form input {
		width: 100%;
		padding: 4px 15px;
		padding-right: 55px;
		font-size: 14px;
		border-radius:30px;
		border:0;
		background-color:rgba(255, 255, 255, 0.2);
		color:white;
	}


	.search-form input:focus{
		outline: none !important;
	}

	.search-form button {
		position: absolute;
		height: 96%;
		right: 0;
		top: -2px;
		border: none;
		width: 50px;
		padding-top: 5px;
		color: #b7b7b7;
		background-color: transparent;
		cursor: pointer;
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
		margin:1px;
		border-radius: 30px 0 0 30px;
	}

	.search-form button img{
		filter:invert(1);
	}




	/* END search bar */












	.breadcrumbs{
		display:block;
	}

	.breadcrumbs a{
		font-size:16px;
	}






	/* page with sidebar css 
	Categories page */
	#page-content{
		display:flex;
		flex-wrap:wrap;
		background-color:#f4f4f4;
    position: relative;
    z-index: 1;
    /* Spacing for the social side bar */
    padding-right:50px; 

	}

	#page-sidebar{
		flex:1 1 250px;
		max-width:250px;
		padding:30px 2%;	
		background-color:white;
	}


	#page-right-content{
		flex:1 1 250px;
		max-width:960px;
		padding:30px 3%;
	}

	h1.blog-title{
		text-align:left;
		margin:0;
	}

	.breadcrumbs{
		margin-bottom:15px;
		padding-bottom:15px;
		border-bottom:1px solid #ccc;
	}



	.breadcrumbs a, 
	.breadcrumbs span, 
	.blog-meta{
		text-transform:uppercase;
		font-size:80%;
	}

	.page-wrapper{
		max-width:960px;
	}

	#sidebar-container .widget-content{
		padding:10px;
		margin:0 0 20px 0;
	}

	#sidebar-container .widget-content ul{
		margin:5px 0;
		padding:0;
		border:none;
		padding-left:10px;
	}

	#sidebar-container .widget-content ul ul{
		margin:5px 0;
		padding:0;
		padding-left:10px;
	}

	#sidebar-container .widget-content ul li{
		margin-bottom:5px;
		list-style:none;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;

	}

  #sidebar-container .widget-content ul li a:before{
    content: "\00BB ";
    font-weight:bold;
    font-size: 20px;
    margin-right: 5px;
  }

   #sidebar-container .widget-content ul li span{
    display:block;
   }

	#sidebar-container .widget-content ul ul li{
		margin-bottom:5px;
	}

	#sidebar-container .widget-content ul li a{
		color:#888;
	}

	#sidebar-container .widget-content ul li a:hover{
		color:#000;
	}

	#sidebar-container .widget-content ul ul li a{
		font-weight:normal;
	}

	#page-sidebar p.widget-title{
		font-size: 20px;
		font-weight: 500;
		position: relative;
		margin-bottom: 0;
		padding-bottom: 6px;
		margin-top:0;
	}

		

		

		

		

	/* page sidebar menu */
	#page-sidebar-menu ul{
		margin:0;
		padding:0 0 0 5px;
		list-style:none;
	}


	#page-sidebar-menu  li{
		border-top:1px solid #ccc;
		margin-bottom:0;
		padding:7px 0;
	}

	#page-sidebar-menu li:first-child{
		border:0;
	}

	#page-sidebar-menu a{
		font-size:17px;
		color:#888;
	}

	#page-sidebar-menu .current-menu-item a{
		color:black;
	}

	#page-sidebar-menu a:hover{
		color:#000;
	}

	#page-sidebar-menu  li.menu-item-has-children > a{
		display:block;
	}

	#page-sidebar-menu .sub-menu{
		display:none; 
		border-left:1px solid #ccc;
		padding-left:13px;
		margin-left:5px;
		margin-top:10px;
	}

	#page-sidebar-menu li:hover > .sub-menu{
		/*display:block;*/
	}

	#page-sidebar-menu .sub-menu li{
		border:0;
		margin-bottom:3px;
		padding:0;
	}



	#page-sidebar-menu .sub-menu a{
		font-size:15px;
	}
	/* END page sidebar menu */
	/* END page with sidebar css */








	/* blog / articles */
	#article-container{
    margin:30px 0;
		display:flex;
		flex-wrap:wrap;
		align-items: flex-start;
		justify-content:flex-start;	
		gap:10px;
    align-items: stretch;
    text-align:center;
	}

	#article-container .article{
		flex: 1 1 250px;

		background-color:white;
		padding:10px;
	}

	#article-container .article-text{
		margin-top:5px;
	}

  #article-container .article-image{
		
	}

	.article h5{
		margin:0;
	}

	.article-meta{
		font-size:14px;
	}

	.article p{
		font-size:16px;
		line-height:22px;
	}

	.article h5, 
	.article p, 
	.article a{
		color:black;
	}

  .article-text a.button-link{
		background-color:#f6f6f6 ;
	}

  .bride-gallery a.button-link{
    display: inline-block;
  }

	.bride-gallery{
		column-width:200px;
		column-count:3;
		column-gap:5px;
	}


	#posts-navigation{
		display:flex;
		gap:20px;
		justify-content:space-between;
		padding:10px 0;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}


	/* vendors */
	#vendor-posts{
		display:flex;
		flex-wrap:wrap;
		align-items: stretch; 
		justify-content:center;	
		gap:10px;
	}

	#vendor-posts .vendor-post{
		flex: 1 1 180px;
		max-width:300px;
		background-color:white;
		padding:10px;
		border-radius:10px;
	}

	#vendor-posts .vendor-post .image{
		width:100%;
		height:150px;
		text-align:center;
	}

	#vendor-posts .vendor-post h5, 
	#vendor-posts .vendor-post p{
		margin:0;
	}

	#vendor-posts .vendor-post a.read-more{
		background-color:#f4f4f4;
		width:35px;
		height:35px;
		line-height: 35px;
		display: block;
		text-align: center;
		border-radius:50%;
		color:#666;
		float:right;
	}

	#vendor-posts .vendor-post a.read-more:hover{
		background-color:#f0e1d5;
	}



	/* advice-posts */
	#advice-posts{
		
	}
		
	#advice-posts .advice-post{
		background-color:white;
		padding:10px;
		border-radius:10px;
		display: grid;
		grid-template-columns: 50% 50%;
		position:relative;
		
		max-width:70%;
		margin-bottom:30px;
		clear:both;

	}

	#advice-posts .advice-post:nth-child(2n+2){
		float:right;
	}

	#advice-posts .advice-post .image img{
		border-radius:5px;
	}

	#advice-posts .advice-post .text{
		padding:10%;
		display:flex;
		flex-wrap:wrap;
		align-content:center;
		position:relative;
	}

	#advice-posts .advice-post .text h4{
		margin:0;
	}










	/* Footer sidebar */
	#sidebar-footer{
		padding:40px 0;
    background-color:white;
    position: relative;
    overflow:hidden;
	}

  #decal-sidebar-footer{
    position:absolute;
    right:0;
    bottom:0;
    width:25%;
    transform: scaleX(-1);
  }

	#sidebar-footer .wrapper {
		display: flex;
		flex-wrap: wrap;
    gap:30px;
	}
	#sidebar-footer .wrapper > .widget-content {
		flex: 1 1 250px;

	}
			
	#sidebar-footer .widget-content p, 
	#sidebar-footer .widget-content a, 
	#sidebar-footer .widget-content li{
		font-size:16px;
	}

  #sidebar-footer .widget-content a{
    color:#4cabdd;
  }

  #sidebar-footer .widget-content a:hover{
    opacity:0.8
  }


	#sidebar-footer .widget-content ul{
		margin:0;
		padding:0;
		list-style:none;
	}

	#sidebar-footer .widget-content p.widget-title{
		font-size:16px;
		font-weight:700;
		position:relative;
		margin-bottom:15px;
		padding-bottom:6px;
	}




	#sidebar-footer .widget-content p.widget-title:after{
		content:"";
		position:absolute;
		height:2px;
		bottom: -4px; 
		left: 0;
		width: 30px;
	}


	/* END Footer sidebar */





	#footer-logo{
		max-width:80px;
	}

	.footer-box{
		margin:10px 0;

	}


	.footer-box h5, 
	.footer-box p, 
	p#slogan{
		color:#eee;
		margin:0 0 15px 0;
	}

	.footer-box h5{
		font-weight:bold;
		text-transform:uppercase;
	}











	/* form in the footer styling */
	#footer-form label{
		color:white;
	}

	#footer-form input, 
	#footer-form textarea{
		background-color:rgba(255, 255, 255, 0.05);
		border:0;
		border-radius:5px;
		color:white;
		font-size:16px;
	}

	#footer-form input::placeholder, 
	#footer-form textarea::placeholder{
		color:ccc;
	}

	#footer-form select{
		background-color:rgba(255, 255, 255, 0.05);
	}

	/* for footer form styling see a.button-link */





	/* END form in the footer styling */



















	/* Custom fonts page */ 
	.custom-font-boxes{
		display:flex;
		flex-wrap:wrap;
		align-items: flex-start;
		justify-content:flex-start;	
	}

	.custom-font-box{
		flex: 1 1 300px; /* allows it to grow (1), shrink(1) and sets the initial size (200px) */
		margin:10px;
		max-width:580px;
		border:1px solid #eee;
		border-radius:10px;
		padding:10px;
	}

	.custom-font-box p{
		margin:0;
	}

	.custom-font-box h5.font-title{
		margin:0 0 10px 0;
		font-size:20px;
	}

	.custom-font-box p.font-weight{
		margin:0;
		font-weight:bold;
		font-size:14px;
		margin:0;
	}









	#copyright{
		position:relative;
		padding:15px 0;
		text-align:center;

	}

	#copyright p{
		margin:0;
		font-size:13px;
		color:#555;
	}

	 
	 
	 
	 /* product menu */
  #collections-menu{

  }

  #collections-menu ul{
   
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:5px;
  }

  #collections-menu ul li{
    margin:0;
    padding:10px 0;
  }

  #collections-menu ul li a{
    border:1px solid #ccc;
    background-color:#fff;
    color:black;
    padding:10px;
    border-radius:6px;

    font-family: Poppins-Regular;
    text-transform:uppercase;
    white-space: nowrap;

  }

  #stickyheader #collections-menu ul li a{
    padding:4px 10px;
    font-size:14px;
  }

  #collections-menu ul li a:hover{
    opacity:0.8;
  }





	 
	/*main menu*/
	#full-menu ul{
		margin:0;
		padding:0;
		list-style:none;
	}

	#full-menu li{
		text-align:left;
		display:inline-block;
		margin:0;
		z-index:5;
		line-height:30px;
	}

	#full-menu li ul li{
		line-height: normal;
		display: block;
	}

	#full-menu a{
    font-family: Poppins-Regular;
		color:#666;
		padding:10px;
		text-transform:uppercase;
    border:1px solid #ffffff00;
	}

  #stickyheader #full-menu a{
    padding:4px 10px;
  }

	#full-menu li.current-menu-item a{
		background-color: white;
    border-radius: 6px;
    border: 1px solid #ccc;
	}

  #full-menu a:hover{
    background-color: white;
    color:black;
    border-radius: 6px;
    border: 1px solid #ccc;
  }

	#full-menu li.menu-item-has-children{
		position:relative;
	}



	#full-menu .sub-menu{
		position:absolute;
		z-index:9;
		margin-left:0;
		left:0;
    top:36px;
		text-align:left;
		background-color:#eee;
    border: 1px solid #ccc;
		display:none;
		width:230px;
    border-radius:6px;
	}

   #stickyheader #full-menu .sub-menu{
    top:30px;
   }

  #full-menu .sub-menu li{

	}

	#full-menu .sub-menu a{
		letter-spacing:initial;
    padding:5px 10px;
    display:block;

    background-color: transparent;
    border-radius: 0;
    border: none !important;
	}

  #full-menu .sub-menu a:hover{
    background-color: #fff;
    border-radius: 0;
    border: none;
  }


	#full-menu ul li:hover > ul.sub-menu{
		display:block;
	}





	/*
	#full-menu ul{
		margin:0;
		padding:0;
		display:inline-block;

		
	}

	#full-menu li{
		display:inline-block;
		list-style:none;
		position:relative;
		margin-bottom:0;
		height:49px; 
		background-color:red;
	}

	#full-menu a{
		padding:5px 13px;
		text-decoration:none;
		line-height:49px;
		position:relative;
		z-index:10;
		color:#666;
	}



	#full-menu li.menu-item-has-children{
		position:relative;
	}

	#full-menu li:last-child > a{
		background-color:white;
		border-radius: 5px;
	}





	#full-menu li.menu-item-has-children:hover,
	#full-menu li:hover > a,
	#full-menu li.current-menu-item a, 
	#hiddenmenu ul li.current-menu-item a,
	#full-menu ul li .sub-menu, 
	#hiddenmenu {
		color:black;
	}




	#full-menu li:hover > a{
		color:black !important;

	}

	#full-menu a:hover{
		cursor:pointer;
		color:black;
	}


	ul.sub-menu{
		left: unset !important;
		transform: translateX(0) !important;
	}

	#full-menu ul li .sub-menu{
		position:absolute;
		z-index:9;
		padding:10px;
		margin-left:0;
		top:49px;
		display:none; 
		left:-5px;
		text-align:left;
		background-color: #f4f4f4;
	}



	#full-menu ul li:hover > ul.sub-menu{
		display:block;
	}

	#full-menu ul li .sub-menu li{
		
		float:none;
		width:230px;
		height:auto !important;
		list-style:outside none;
		margin-bottom:0;
	}

	#full-menu ul li .sub-menu li ul{
		margin-left:240px;
		margin-top:-27px;
		top:27px;
	}

	#full-menu ul li .sub-menu ul{
		background-color:#fcfcfc;
	}

	#full-menu ul li .sub-menu a{
		padding:5px 10px;
		line-height:20px;
		display:block;	
		color:black;
	}

	*/

	/*END Main Menu */








	/* responsive hidden menu */
	#responsivemenu{
		display:none;
	}

	.menubutton{
		cursor: pointer;
		position: relative;
		z-index:11;
	}

	.menubutton:before{
		content: "\2261";
		color:#b7a895;
		font-size:42px;
    line-height:42px;
	}

	.menubutton:hover:before{
		color:#58595b;
	}


	#hiddenmenu{
		display:none;
		position:absolute;
		z-index:6;
		max-width:320px;
		left:0;
		top:0;
		text-align:left;
		background:#eee;
		padding:30px 50px 30px 30px;
    background-color:white;
	}

	#hiddenmenu a{
      color:black;
	}

	#hiddenmenu ul{
		padding:0;
		margin:0;
	}

	#hiddenmenu ul li{
		list-style:none;
		margin-bottom:0;
	}

	#hiddenmenu ul li:last-child{

	}

	#hiddenmenu ul li a{
		padding: 6px 0;
		display:block;
		width:100%;
		font-size:16px;
		line-height:22px;
	}



	#hiddenmenu ul li a:active, 
	#hiddenmenu ul li a:visited, 
	#hiddenmenu ul li a:hover{
	}



	#hiddenmenu ul li:after{
		display:none;
	}

	#hiddenmenu .menu-item-has-children{

	}

	#hiddenmenu .menu-item-has-children ul.sub-menu{

	}

	.active ul.sub-menu{
		display:block !important;
	}



	#hiddenmenu ul li ul.sub-menu li a{

	}


	#hiddenmenu ul li ul.sub-menu li a:active,
	#hiddenmenu ul li ul.sub-menu li a:hover{

	}


	#hiddenmenu ul li ul.sub-menu li:last-child{

	}

	#hiddenmenu ul li li a{
		padding:5px 15px;
    border-bottom:1px solid #ccc;
	}

	#hiddenmenu ul li a:active{
	}

	#hiddenmenu ul li ul.sub-menu li li{
		background:#000;
	}

	#hiddenmenu ul li ul.sub-menu li li li{
		background:#000;
	}
	/* END responsive menu */







	img.avatar{
		float:left;
		margin:0 20px 10px 0;
		width:50px;
	}





	/* category pagination */
	.pagination{
		text-align:center;
	}

	.pagination{
		margin:30px 0;
	}

	.pagination .prev, 
	.pagination .next, 
	.pagination a.page-numbers, 
	.pagination span.current{
		padding:5px 15px;
	}


	.pagination .prev, 
	.pagination .next{
		display:inline-block; 
	}

	.pagination a.page-numbers{
		background:#f6f6f6;
		border-radius:10px;
		
	}

	.pagination span.current,
	.pagination a.page-numbers:hover{
		background:#555;
		color:white;
		border-radius:10px;
	}











	/* captions */
	.wp-caption {
		max-width: 100%;
	}

	.wp-caption img{
		margin-bottom:10px;
	}

	.wp-caption img[class*="wp-image-"] {
		display: block;
		margin: 0;
		margin:0;
		width:100%;
	}

	p.wp-caption-text {
		color: #d6d6d6;
		text-align:center;
		font-size:20px;
		margin:15px 0 5px 0;
		text-transform:uppercase;
	}



	.wp-caption.alignnone {}
	.wp-caption.alignright {
		float:right; 
		margin:0 0 10px 30px;

	}
		 
	.wp-caption.alignleft {
		float:left; 
		margin:0 30px 10px 0;
	}
		
	.wp-caption.aligncenter {
		display: block; 
		margin-left: auto; 
		margin-right: auto; 
	}








	/* gallery */
	.gallery img{
		border:0 !important;
		line-height:0;
	}



	.gallery-item {
		margin:0 !important;
		position:relative;
	}

	.gallery-icon{
		line-height:0;
		padding:5px;
	}

	.gallery-caption {
		display: block;
		position:absolute;
		bottom:5px;
		left:5px;
		right:5px;
		background-color:#f9f9f9;
		padding:3px;
	}

	.gallery-item a {
		display: block;
	}




	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}

	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}











	.alignleft{
		float:left;
	}

	.alignright{
		float:right;
	}




	/*image caption styling*/
	/* Some basic styles for images in posts and pages in Wordpress */

	img.alignnone {}
	img.alignright {
		float:right; 
		margin:0 0 1em 1em; 
		}
		
	img.alignleft {
		float:left; 
		margin:0 1em 1em 0;
		}
		
	img.aligncenter {
		display: block; 
		margin-left: auto; 
		margin-right: auto; 
		}
		
	a img.alignright {
		float:right; 
		margin:0 0 1em 1em;
		 }
		 
	a img.alignleft {
		float:left; 
		margin:0 1em 1em 0;
		}
		
	a img.aligncenter {
		display: block;
		margin-left: auto; 
		margin-right: auto; 
		}
		
		



		
		








	/* comments */
	.comments-area {
		margin: 0 7.6923% 3.5em;
	}

	.comment-list + .comment-respond,
	.comment-navigation + .comment-respond {
		padding-top: 1.75em;
	}

	.comments-title,
	.comment-reply-title {
		border-top: 4px solid #ccc;

	}

	.comments-title {
	}

	.comment-list {
		list-style: none;
		margin: 0;
	}

	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback {
		border-top: 1px solid #d1d1d1;
		padding: 1.75em 0;
	}

	.comment-list .children {
		list-style: none;
		margin: 0;
	}

	.comment-list .children > li {
		padding-left: 0.875em;
	}

	.comment-author {
		color: #1a1a1a;
		margin-bottom: 0.4375em;
	}

	.comment-author .avatar {
		float: left;
		height: 28px;
		margin-right: 0.875em;
		position: relative;
		width: 28px;
	}

	.bypostauthor > article .fn:after {
		content: "\f304";
		left: 3px;
		position: relative;
		top: 5px;
	}

	.comment-metadata,
	.pingback .edit-link {
		color: #686868;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.6153846154;
	}

	.comment-metadata {
		margin-bottom: 2.1538461538em;
	}

	.comment-metadata a,
	.pingback .comment-edit-link {
		color: #686868;
	}

	.comment-metadata a:hover,
	.comment-metadata a:focus,
	.pingback .comment-edit-link:hover,
	.pingback .comment-edit-link:focus {
		color: #007acc;
	}

	.comment-metadata .edit-link,
	.pingback .edit-link {
		display: inline-block;
	}

	.comment-metadata .edit-link:before,
	.pingback .edit-link:before {
		content: "\002f";
		display: inline-block;
		opacity: 0.7;
		padding: 0 0.538461538em;
	}

	.comment-content ul,
	.comment-content ol {
		margin: 0 0 1.5em 1.25em;
	}

	.comment-content li > ul,
	.comment-content li > ol {
		margin-bottom: 0;
	}

	.comment-reply-link {
		border: 1px solid #d1d1d1;
		border-radius: 2px;
		color: #007acc;
		display: inline-block;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1;
		margin-top: 2.1538461538em;
		padding: 0.5384615385em 0.5384615385em 0.4615384615em;
	}

	.comment-reply-link:hover,
	.comment-reply-link:focus {
		border-color: currentColor;
		color: #007acc;
		outline: 0;
	}

	.comment-form {
		padding-top: 1.75em;
	}

	.comment-form label {
		color: #686868;
		display: block;
		font-size: 13px;
		font-size: 0.8125rem;
		letter-spacing: 0.076923077em;
		line-height: 1.6153846154;
		margin-bottom: 0.5384615385em;
		text-transform: uppercase;
	}

	.comment-list .comment-form {
		padding-bottom: 1.75em;
	}

	.comment-notes,
	.comment-awaiting-moderation,
	.logged-in-as,
	.form-allowed-tags {
		color: #686868;
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.6153846154;
		margin-bottom: 2.1538461538em;
	}

	.no-comments {
		border-top: 1px solid #d1d1d1;
		font-weight: 700;
		margin: 0;
		padding-top: 1.75em;
	}

	.comment-navigation + .no-comments {
		border-top: 0;
		padding-top: 0;
	}

	.form-allowed-tags code {
	}

	.form-submit {
		margin-bottom: 0;
	}

	.required {
		color: #007acc;
	}

	.comment-reply-title small {
		font-size: 100%;
	}

	.comment-reply-title small a {
		border: 0;
		float: right;
		height: 32px;
		overflow: hidden;
		width: 26px;
	}

	.comment-reply-title small a:hover,
	.comment-reply-title small a:focus {
		color: #1a1a1a;
	}

	.comment-reply-title small a:before {
		content: "\f405";
		font-size: 32px;
		position: relative;
		top: -5px;
	}








}/* END screen media */