/*



	Theme Name: News Pro Theme Ham



	Theme URI: http://my.studiopress.com/themes/news/



	Description: A mobile responsive and HTML5 theme built for the Genesis Framework.



	Author: StudioPress



	Author URI: http://www.studiopress.com/



	Version: 3.0.2



 



	Tags: black, red, white, one-column, two-columns, three-columns, responsive-layout, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page



 



	Template: genesis



	Template Version: 2.0.1



 



	License: GPL-2.0+



	License URI: http://www.opensource.org/licenses/gpl-license.php



*/







/*-------------- General Styles --------------*/







@import url(https://fonts.googleapis.com/css?family=Cinzel);











body {



	background-color: #A1D3A1;



}







h1, h2, h3, h4, h5, h6 {



	color: #6d6d6d;



}







h2 {



	font-family: 'Cinzel', Arial, Helvetica, Tahoma, sans-serif;



	font-weight: 700;



	line-height: 1.2;



	font-size: 2rem;



}







h3 {



	font-family: 'Cinzel', Arial, Helvetica, Tahoma, sans-serif;



}







.site-container {


	border: 1px solid #A1D3A1;



	margin-top: 40px;



}







.site-header {



	border-bottom: none;



	padding: 10px 0;



}







.site-inner #primary {



	float: left;



	width: 778px;



	padding: 30px 0;



	border-right: 1px solid #E5EDF1;



}











/*-------------- Top Slider Styles --------------*/







.header-widget-area .metaslider {



	padding: 0 40px;



}







.metaslider .flex-control-paging li a {



	background: rgba(255, 255, 255, 0.5);



}







.metaslider .flex-control-paging li a.flex-active {



	background: rgba(210, 210, 210, 0.9);



}







.metaslider .flex-control-paging li a:hover {



	background: rgba(210, 210, 210,0.7);



}







.widget-wrap .metaslider .flexslider {



	margin: 0 0 10px 0;



}







.metaslider .flex-control-nav {



	margin: auto;



	margin-bottom: 10px;



}











/*-------------- General Menu Styles --------------*/







.genesis-nav-menu {



	font-family: 'Cinzel', Arial, Helvetica, Tahoma, sans-serif;



}







.genesis-nav-menu a {



	border-right: none;



	padding: 20px 22px;



	font-size: 11px;



}







.news-pro-green .genesis-nav-menu a {



	color: #6d6d6d;



}







.genesis-nav-menu .sub-menu {



	/*border: 1px solid #e3e3e3;*/



	border: none;



}







.genesis-nav-menu .sub-menu a {



	border: none;



	/*border-right: 1px solid #e3e3e3;*/



}







/*-------------- Top Menu Styles (called secondary) --------------*/







.genesis-nav-menu.menu-secondary {



	background-color: rgb(233, 246, 235);



}







.genesis-nav-menu a:hover {



	background-color: #91CA97;



}







.genesis-nav-menu .sub-menu a {



	background-color: rgb(233, 246, 235);



}







.genesis-nav-menu .sub-menu a:hover {



	background-color: #91CA97;



}







.genesis-nav-menu .current-menu-item > a {



	background-color: #91CA97;



}







.genesis-nav-menu .sub-menu .current-menu-item > a {



	background-color: #91CA97;



	color: #fff;



}







.news-pro-green .genesis-nav-menu a[title="Shop"]{



	background-color: white;



	color: #6d6d6d;



	padding: 20px 23px;



}







.genesis-nav-menu .current-menu-item > a[title="Shop"] {



	background-color: #91CA97;



	color: white;



}







.news-pro-green .genesis-nav-menu a[title="Shop"]:hover {



	background-color: #91CA97;



	color: white;



}







.genesis-nav-menu a[title="social"] i {



	padding-right: 3px;



}







.genesis-nav-menu a[title="cart"]{



	color: rgba(0,0,0,0.0);



	background-color: rgb(233, 246, 235);



	background-image: url("images/cart.png");



	background-repeat: no-repeat;



	background-position: center;



}







.genesis-nav-menu a[title="cart"]:hover {



	background-image: url("images/cart-white.png");



	background-color: #91CA97;



	color: rgba(0,0,0,0.0);



}







.nav-secondary {



	border-bottom: none;



}











/*-------------- Second Menu Styles --------------*/







.genesis-nav-menu.menu-primary {



	background-color: #E7F3FB;



}







.genesis-nav-menu.menu-primary .sub-menu a {



	background-color: #7bc37b;



}







.genesis-nav-menu.menu-primary .current-menu-item > a {



	background-color: #71A9D7;



}







.genesis-nav-menu.menu-primary .sub-menu .current-menu-item > a {



	background-color: #71A9D7;



}







.genesis-nav-menu.menu-primary a:hover {



	background-color: #71A9D7;



}







.genesis-nav-menu.menu-primary i {



	padding-right: 2px;



}







.nav-primary {



	/*border-bottom: 2px solid #E5EDF1;*/



	border: none;



}











/*-------------- Featured Articles Styles --------------*/







.news-pro-green .home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a {



	background-color: #91CA97;



}







.home-top .featured-content .entry-title {



	font-size: 18px;



}







.home-top .widget.ui-tabs .entry h2 a {



	background: rgba(0, 66, 100, 0.6);



	font-size: 26px;



}







.home-top .widget.ui-tabs .entry p {



	background: rgba(0, 66, 100, 0.6);



}







.home-top .ui-tabs ul.ui-tabs-nav li a {



	background-color: #71A9D7;



}







.home-top {



	background-color: #FEFEFE;



}











/*-------------- General Articles and Widgets Styles --------------*/







.news-pro-green .entry-title a {



	color: #5cb85c;



}







.news-pro-green .entry-title a:hover {



	color: #71A9D7;



}







.news-pro-green a:hover {



	color: #71A9D7;



}







.entry-title {



	font-size: 30px;



	font-family: 'Cinzel', Arial, Helvetica, Tahoma, sans-serif;



}







.widget-title {



	border-top: none;



	border-bottom: 1px solid #E5EDF1;



	font-family: 'Cinzel', Arial, Helvetica, Tahoma, sans-serif;



	color: #6d6d6d;



	letter-spacing: 1px;



	padding: 20px 6px 34px;



}







.sidebar .widget {



	border-bottom: 1px solid #E5EDF1;



	background-color: #F7FEF8;



}







.content-sidebar .content {



	border-right: 1px solid #E5EDF1;



}







.entry {



	border-bottom: 1px solid #E5EDF1;



}







.home-middle-left {



	border-right: 1px solid #E5EDF1;



}







.home-top {



	border-bottom: 1px solid #E5EDF1;



}







blockquote {



	position: relative;



	margin: 40px 40px 24px;



	font-style: italic;



	font-size: 19px;



	background: #F7FBFF;



	padding: 30px 30px 5px 50px;



	border-radius: 25px;



	clear: both;	



}







blockquote:before {



	content: "\201C";



	display: block;



	font-size: 54px;



	height: 0;



	left: -29px;



	position: relative;



	top: -20px;



	color: #aaa;



	font-family: georgia;



}







/*--------------- Footer Styles ----------------*/







.footer-widgets {



	background-color: #71A9D7;



}







.site-footer {



	background-color: #71A9D7;



	border-top: none;



	color: white;



}







.news-pro-green .site-footer a {



	color: white;



}







.footer-widgets-3 {



	margin-right: 0;



}







.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {



	text-align: center;



}











/*--------------- CSS for the Shop Page ----------------*/







html body .catablog-catalog {



	padding-top: 10px;



	margin-bottom: 40px;



	border: solid 1px #efefef;



	border-bottom: solid 3px #Efefef;



	border-radius: 14px;



	background-color: white;



}







html body .catablog-catalog .catablog-row {



	float: left;



	width: 49%;



	padding: 20px 24px 20px;



	/*border: solid 1px #efefef;*/



}







html body .catablog-row .catablog-images-column img {



	border-radius: 9px;



}







html body .catablog-catalog .catablog-row p {



	/*text-align: justify;*/



	padding: 0 0 0 6px;



	margin-bottom: 10px;



}







html body .catablog-catalog .catablog-navigation {



	display: none;



}







html body .catablog-catalog .catablog-row .catablog-title {



	padding: 0 0 10px 6px;



}







html body .catablog-catalog .catablog-row .catablog-price {



	margin-left: 210px;



}







.shop_subtitle {



	padding-bottom: 30px;



	color: #a6a6a6;



}







/*--------------- Sidebar Dropdown ----------------*/







.menu-insiders-quick-links-container {



	display: none;



}







.menu-insiders-quick-links-container:hover {



	display: initial;



}







#nav_menu-35:hover .menu-insiders-quick-links-container {



	display: initial;



}








.genesis-nav-menu.responsive-menu>.menu-item-has-children:before{
padding: 0;
padding-top:18px;
margin-right:10px;
}




/*--------------- Responsive Styles ----------------*/







@media only screen and (min-width: 1188px) {



	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {



		width: 339px;



	}



}







@media only screen and (min-width: 1023px) {



	.home-top .widget.ui-tabs .entry h2 a {



		position: absolute;



		bottom: 60px;



		width: 92%;



		right: 4%;



	}







	.home-top .ui-tabs ul.ui-tabs-nav {



		float: right;



		margin: 30px;



		position: relative;



		bottom: 0;



		right: 0;



	}



}







@media only screen and (min-width: 1023px) and (max-width: 1188px) {



	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {



		width: 31.8%;



	}







	html body .catablog-row .catablog-images-column {



		width: 140px;



	}







	html body .catablog-catalog .catablog-row .catablog-title {



		margin-left: 150px !important;



	}







	.catablog-row .catablog-description {



		margin-left: 150px;



	}







	.site-inner #primary {



		width: 658px;



	}



}







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



	.genesis-nav-menu a[title="Magazine"] {



		padding: 12px 20px 11px 20px;



	}



	.genesis-nav-menu a[title="Shop"]{



		padding: 11px 20px 12px 20px;



	}







	.home-top .ui-tabs ul.ui-tabs-nav {



		background-color: #71ABD6;



	}







	.home-top .widget.ui-tabs .entry {



		background-color: #FEFEFE;



	}







	html body .catablog-catalog .catablog-row {



		float: left;



		width: 100%;



	}



}







@media only screen and (min-width: 400px) and (max-width: 600px) {







	html body .catablog-catalog .catablog-row {



		float: left;



		width: 100%;



	}







	html body .catablog-row .catablog-images-column {



		width: 120px;



	}







	html body .catablog-catalog .catablog-row .catablog-title {



		margin-left: 130px !important;



	}







	.catablog-row .catablog-description {



		margin-left: 130px;



	}



}



@media only screen and (max-width: 600px) {
.site-header{
float: left;
height:125px;
width:225px;
}
.responsive-menu-icon{
display:inline-block;
position: absolute;
top:5.5em;
right: 2em;
border-bottom:none;
}
.responsive-menu-close:before{
content: '\00d7'!important;
font-weight: 900;
font-family: Arial, sans-serif;
}
}



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







	html body .catablog-catalog .catablog-row {



		float: left;



		width: 100%;



	}







	html body .catablog-row .catablog-images-column {



		width: 180px;



		padding: 6px 6px;



	}







	html body .catablog-catalog .catablog-row .catablog-title {



		margin-left: 0 !important;



		float: left;



	}







	.catablog-row .catablog-description {



		margin-left: 0;



		float: left;



	}







	.footer-widgets {



		padding: 40px 16px;



	}



}







	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {



		width: 100%;



	}


/*------------------------------------------ 

	Mobile Tidy March 2018 

-------------------------------------------*/

/* add the searchbar on mobile */
@media only screen and (max-width: 1023px) {
	.genesis-nav-menu li.right {
	    display: inline-block;
	    float: none;
	    padding: 10px;
	    vertical-align: bottom;     
	}
}

@media only screen and (max-width: 360px) {
	.header-widget-area .metaslider {
		padding: 0;
	}

	.featured-content .entry a.alignleft {
		float: none;
	}

	.featured-content .entry a.alignleft img {
		display: block;
		margin: 16px auto;
	}

	.featured-content .entry .entry-title {
		text-align: center;
	}	

	.entry {
		padding: 16px;
	}

	.alignright, .alignleft {
		float: none;
		text-align: center;
		display: block;
	}

	a.alignright img, img.alignright, .wp-caption.alignright, a.alignleft img, img.alignleft, .wp-caption.alignleft {
		margin: 16px auto;
	}

	h3 {
		text-align: center;
		font-size: 20px;
	}	

	.entry-pings {
		margin-top: 16px;
	}

	.entry-title {
		font-size: 24px;
		text-align: center;		
	}

	.wp-subscribe-single #wp-subscribe {
	    margin: 16px 0;
	}		
}

@media only screen and (max-width: 480px) {
	blockquote {
	    margin: 20px 0 24px;
	    font-size: 18px;
	    padding: 25px 20px 5px 35px;
	}

	.entry-comments, .comment-respond {
	    padding: 24px 16px;
	}

	.comment-list li, .ping-list li {
	    padding: 16px;
	    border-right: 1px solid #e3e3e3;
	}

	.comment-list li li {
	     margin-right: auto; 
	}			
}