/*
	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, 


	*/






	/*
	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)


	*/

@media screen{


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

	}	

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

  .not-bold{
    font-family: Roboto-Light;
    font-weight:300;
  }

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

	body{
		margin:0;
		padding:0;
		border:0;
		/* word-wrap:break-word;*/
		font-family: Roboto-Light;

	}


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

	.paragraph p, 
	p.paragraph{
		line-height:24px;
		line-height: clamp(22px, 3vw, 26px);
	}

	.large-p p, 
	p.large-p{
		font-size:22px;
		line-height:30px;
    font-size: clamp(18px, 3vw, 22px);
    line-height: clamp(24px, 3vw, 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{
		font-family: Oswald-Regular;
	}
	
	

	#white-content h1.entry-title{
		text-align:left;
		color:black;
		margin: 0;
	}

  h1.entry-title{
    text-align:center;
    padding:30px 0;
    color:white;
  }
	

	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:50px;
		line-height: 40px; 
		font-size: clamp(36px, 3vw, 56px);
		line-height: clamp(40px, 3vw, 60px);
		text-transform:uppercase;
		letter-spacing: 3px;

	}

	h1, 
	.pretend-heading p,
	p.pretend-heading{
		font-size:38px;
		line-height:40px;
font-size: clamp(26px, 3vw, 38px);
    line-height: clamp(30px, 3vw, 40px);
	}
	
	p.small-heading,
	.small-heading p{
		font-size:18px;
		line-height:22px;	
		font-size: clamp(12px, 3vw, 18px);
		line-height: clamp(16px, 3vw, 22px);
		text-transform:uppercase;
		letter-spacing: 3px;		
	}
	 
	h2{
		font-size:34px;
		line-height:34px;	
		font-size: clamp(30px, 3vw, 34px);
		line-height: clamp(34px, 3vw, 38px);
	}
	 
	h3{
		font-size:30px;
		line-height:32px;	
		font-size: clamp(26px, 3vw, 30px);
		line-height: clamp(30px, 3vw, 34px);
	}
	 
	h4{
		font-size:26px;
		line-height:30px;	
		font-size: clamp(22px, 3vw, 26px);
		line-height: clamp(26px, 3vw, 30px);
	}
	 
	h5{
		font-size:22px;
		line-height:26px;	
		font-size: clamp(18px, 3vw, 22px);
		line-height: clamp(22px, 3vw, 26px);
	}

	h6{
		font-family: Oswald-Regular;
		font-size:18px;
		line-height:22px;	
		font-size: clamp(12px, 3vw, 18px);
		line-height: clamp(16px, 3vw, 22px);
	}






	a{
		text-decoration:none;
		transition-duration:200ms;
	}


	a:visited{
		color:#aaa;
	}

	a:hover{
		color:#f0e1d5;
	}

	a:active{
		
	}



	a.button-link{
		font-family: Oswald-Medium;
		padding:10px 25px;
		border-radius:10px;
	}

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

	strong, b{

		font-weight:700;
	}

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

  img[src$=".svg"] {
    width: 100%;
    height: auto;
    display: block;
  }



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


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


	li{
		margin-bottom:10px;
		padding-left:5px;
		list-style-type:none;
		list-style-image: url('icons/check.svg');
	}

	.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{
		line-height:0;
		height:0;
		color:white;
		padding:0;
		margin:0;
		position:relative;
		z-index:-101;
	}

	.noshow h2, 
	.noshow h3,
	.noshow h4,
	.noshow h5,
	.noshow h6,
	.noshow p, 
	.noshow img, 
	.noshow a, 
	.noshow span{
		line-height:0;
		color:white;
		font-size:1px;
		padding:0;
		margin:0;	
		height:0;
	}




	.dark{
		color:white;
	}


	.center{
		text-align:center;
    margin:0 auto;
	}

	.no-wrapper{
		width:100%;
	}

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

	.large-wrapper{
		max-width:1300px; 
		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;
	}
	 

	.clear{
		clear:both;
	}


	.site{

	}

	.yellow-text{
		color:#ffcd00;
	}

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

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

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

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

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

	.gap{
		gap:20px;
	}

	.no-margins{
		margin:0;
	}
	
	.spacer{
		height:350px;
	}
	
	.rotate-text{
		text-transform:uppercase;
		margin:0;
		transform: rotate(-90deg);
		/*transform-origin: center top; */
		white-space: nowrap; 
	}


	
	.transparent-bg{
		background-color: rgba(0, 0, 0, 0.5);
	}
	
	.transparent{
		opacity:0.6;
	}




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

	
	

	#header{
		padding:10px 0;
		position:relative;
		z-index:5;
    width:100%;
	}

	.header-content{
		display:grid;
    grid-template-areas: 
    "logo book-now full-menu"
    ;
    grid-template-columns: fit-content(220px) auto auto;
		justify-content:space-between;
		align-items:center;
		gap:30px;
	}



	#logo{
    grid-area: logo;
		width:100%;
		max-width:300px;
	}

  #book-now{
    grid-area:book-now;
    white-space: nowrap;
    text-align:center;
  } 

  #full-menu{
    grid-area:full-menu;
    flex: 0 0 auto;
		text-align:right;
	}

  #book-now a{
    padding:5px;
    font-family: Oswald-Regular;
    text-transform:uppercase;
    letter-spacing: 3px;
    background-color:#ffcd00;
    border-radius:20px;
    color:black;
    padding-left:15px;
    padding-right:15px;
  }


  /* social icons */

  #social-responsive{
    display:none;
    width:100%;
    padding:5px 0;
  }

  #social-responsive #social-icons{
    display:flex;
    justify-content:start;
    gap:3px;
  }

  #social{
		position:fixed;
		z-index:6;
		right:0;
		top:50%;
		transform:translateY(-50%);
		background-color:rgba(255, 255, 255, 0.5);
		padding:5px;
		border-radius:30px 0 0 30px;
	}

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

	#social-icons .icon:hover{
		opacity:0.8;
	}

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

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

	#social-icons .icon a{
		display:block;
		width:40px;
		height:40px;
		border-radius:50%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
  /* END social icons */

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

	#stickyheader{
		position: fixed;
		top: 0;
		width: 100%;
		transition: 0.5s;
		opacity:0;
		z-index:4;
		
		background-color:#555;
    padding:5px 0;
		
	}

	#stickyheader #logo{
		max-width:140px;
	}


	/* END sticky header */ 




	
	#global-hero-banner-container{
		min-height:100vh;
    background-color: #555;
		position:relative;
		
		display:flex;
		flex-direction: column;
		align-items:center;
	}

	
	#global-hero-banner{
		position:relative;
		width:100%;
    padding:50px 0;
    background-size: cover;
    background-image: url(images/chiropractor-collective-cape-town.jpg);
    background-position: center center;
    background-attachment: fixed;
	}

  #global-hero-banner, 
  #global-hero-banner .large-wrapper{
    min-height:100vh;
  }
	
	#global-hero-banner .large-wrapper{
   	display:flex;
		justify-content:flex-end;
    align-items:center;
    flex-wrap:wrap;
    gap:30px;
	}


  #global-hero-banner .content{
    flex:1 1 200px;
    max-width:500px;
    min-width:200px;
  }
	
	#global-hero-banner .content{
    text-align: center;
  }
		
		
		p{
			color:white;
			margin:0;
		}
	
	
	#global-hero-banner .devgirl-button-link{
		font-size: clamp(26px, 4vw, 30px);
		white-space:nowrap;
	}
	   






	#contact-icons{
		display:flex;
		gap:10px;
	}

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

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




	/* 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;

	}

	#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;

	}

	#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{
		display:flex;
		flex-wrap:wrap;
		align-items: flex-start;
		justify-content:flex-start;	
		gap:10px;
	}

	#article-container .article{
		flex: 1 1 250px;
		max-width:500px;
		background-color:white;
		padding:10px;
	}

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

	.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;
	}



	#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;
	}

	#sidebar-footer .wrapper {
		display: flex;
		flex-wrap: wrap;
	}
	#sidebar-footer .wrapper > .widget-content {
		flex: 1 1 200px;
		padding:30px;
	}
			
	#sidebar-footer .widget-content p, 
	#sidebar-footer .widget-content a, 
	#sidebar-footer .widget-content li{
		margin-bottom:0;
		font-size:16px;
	}


	#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;
	}



	#main.content-padding{
	}

	/*
	#main .background-image-block, 
	#spacer-image .background-image-block{
		background-position:center bottom;
		background-attachment: unset;
	}
	*/

	
	#spacer-image{
		min-height:300px;
	}


	
	#south-africa{
		position:relative;
	}


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

	}

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

	 
	 
	 




	 
	/*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:40px;
	}

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

	#full-menu a{
		color:#fff;
		padding:5px;
		font-family: Oswald-Regular;
		text-transform:uppercase;
		letter-spacing: 3px;
	}
	

	#full-menu li.current-menu-item a, 
	#full-menu a:hover{
		color:#ffcd00;
	}


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



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

	#full-menu .sub-menu a{
		letter-spacing:initial;
	}


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

	#full-menu .sub-menu li{
		padding:5px 0;
	}



	/*
	#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{
    grid-area:responsive-menu;
		display:none;
    text-align:right;
	}

	.menubutton{
		padding: 1px 10px;
		cursor: pointer;
		position: relative;
		z-index:11;
	}

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

	.menubutton:hover:before{
		color:white;
	}


	#hiddenmenu{
		display:none;
		position:absolute;
		z-index:6;
		width:270px;
		right:0;
		text-align:left;
		background-color:#555;
		padding:20px;
	}

	#hiddenmenu .current-menu-item a{

	}

	#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%;
		color:#b7a895;
		font-size:16px;
		line-height:22px;
	}



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



	#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{
		background:#1a1a1a;
		border:0;

		color:#A6A6B1;
	}


	#hiddenmenu ul li ul.sub-menu li a:active,
	#hiddenmenu ul li ul.sub-menu li a:hover{
		color:white;
	}


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

	}

	#hiddenmenu ul li li a{
		padding-left:20px;
	}

	#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;
	}









}