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

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

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


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

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

	.large-p p, 
	p.large-p{
		font-size:20px;
		line-height:28px;
		font-size: clamp(14px, 4vw, 22px);
		line-height: clamp(16px, 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{
		font-family: Oswald-Regular;
	}
	
	

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

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

	}

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

	h6{
		font-family: Oswald-Regular;
		font-size:18px;
		line-height:22px;	
		font-size: clamp(12px, 4vw, 18px);
		line-height: clamp(16px, 6vw, 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;
	}



	input[type=submit]{
		-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{
		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;
	}







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

	.clear{
		clear:both;
	}


	.site{

	}



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

	.gap{
		gap:20px;
	}

	.no-margins{
		margin:0;
	}




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

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

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

	#header #full-menu,
	#stickyheader #full-menu{
		flex: 1 1 600px;
		text-align:right;
	}




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

	}

	#stickyheader #logo{
		flex:0 0 150px;
	}


	/* END sticky header */



	#logo{
		width:100%;
		flex: 1 0 200px;
	}


	#logo img{
		width:200px;

	}

	 
	 
	 

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

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

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

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


	#contact-icons{

	}
	
	#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{
		width: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;

	}

	#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-trasnform: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:#ccc;
	}

	 
	 
	 
	 






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

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

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

	#full-menu li.current-menu-item a{
		color:BD9982;
	}

	#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{
		display:none;
	}

	.menubutton{
		padding: 1px 10px;
		cursor: pointer;
		position: fixed;
		z-index:11;
		right: 0;
		top: 0;

	}

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

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


	#hiddenmenu{
		display:none;
		position:fixed;
		z-index:6;
		width:320px;
		right:0;
		top:0;
		text-align:left;
		background:#2f3440;
		padding:30px 50px 30px 30px;
	}

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








} /* END screen media */