/* 



WOO CUSTOM STYLESHEET



---------------------







Instructions:







Add your custom styles at the end of this file instead 



of style.css so it is easier to update the theme. 



Simply copy an existing style from style.css to this file, 



and modify it to your liking.



*/

/* Responsive iFrame */
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-template-template-magazine-php .woo-pagination { display: none; }

.shop_table { clear: both; } 



h1.page-title {

	font-weight: normal !important;

	color: #00599B !important;

	margin: 0 !important;

	font-size: 1.5em !important;

	display: block !important;

	float: left !important;

	width:100% !important;

        padding-bottom: 10px !important;



}



.entry h2, .entry h3 {

font: normal 20px/1.2em 'Arapey', arial, sans-serif;

color:#00599B;

}



h1.archive_header { margin: 0;}



#top-nav { float: right; }

.post-meta { display:none; }

.nocomments { display: none; }



#navigation { margin-bottom: 1em; } .home .breadcrumbs { margin-bottom: 0; }



#logo{

	background-image:url(http://datlas.com/wp-content/uploads/2012/12/headerbg1.jpg); 

	background-repeat:no-repeat; 

	display:block;

	height:172px;

	}

	

#logo .site-title{

	padding-top:82px;

	margin-bottom:0;

}



#logo .site-title a:hover{

		text-decoration:none;

	}

	

#logo .site-description{

	

	margin-left:176px;

	margin-top:-10px;

}

	

#wrapper{

	padding-top:0;

}



body {padding: 0;}

#wrapper {padding:0;max-width:100% !important;}

#top {padding:0 20px;}

#header-container {background:#000;padding:0 20px;}

#nav-container {background:#A39265;padding:0 20px;}

#content {padding:0 20px;}

#footer-widgets-container {background:#000;padding:0 20px;}

#footer-container {background:#000;padding:0 20px;}

#top{margin:0;}



ul.nav li a {

    display: block;

    padding-bottom: .3em !important;

    padding-top: .3em !important;

}



ul.products li a img {

    display: block;

    height: auto;

    margin: 0 auto 0.75em;

    width: auto;

}



/*widget sidebar buttons*/

#nav_menu-2 h3{

	display:none;

}



#menu-sidebar-buttons li{

	display:block;

	background-color:#A3BBD7;

	max-width:100%;

	height:49px;

	/*padding:10px;*/

	margin-bottom:10px;

	-webkit-border-radius: 18px;

-moz-border-radius: 18px;

border-radius: 18px;

background-image:url(http://datlas.com/wp-content/themes/canvas-child/img/buttonbg.jpg);

background-repeat:no-repeat;

background-position:left;

}



#menu-sidebar-buttons li a{

	font-size:1.2em;

	font-weight:bold;

	color:#000;

	display:block;

	margin:0 0 0 7em;

	padding-top:15px;

}



#adspace-widget-2 h3, #adspace-widget-4 h3, #adspace-widget-7 h3{

	border-bottom:0;

	margin:0;

	padding:0;

}

#text-6 h3, #text-7 h3{
	display:none;
}

#loopedSlider .content{

	padding:0;

}



h1.archive_header{

	font-weight:normal;

	color:#00599B;

margin:0

padding:0

font-size: 20px;

}

	

	.nocomments { display: none; }

	.woocommerce .woocommerce_tabs ul.tabs {
    background: none repeat scroll 0 0 #A39265;
	}

	.woocommerce .woocommerce_tabs ul.tabs a {
    color:#000000;
	}


/*media queries*/



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

/* Styles placed here will only apply to screens less than 1000 pixels wide */

}



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

/* Styles placed here will only apply to screens less than 801 pixels wide */

#menu-sidebar-buttons li a{

	font-size:1em;

	font-weight:bold;

	color:#000;

	display:block;

	margin:0 0 0 7.5em;

	padding-top:15px;

	line-height:1em !important;

}

}



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

/* Styles placed here will only apply to screens more than 768 pixels wide */

}



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

/* Styles placed here will only apply to screens less than 320 pixels wide */

#logo{

	background-image:none;

	height:auto;

}

#logo .site-title{

	padding-top:10px;

}



#logo .site-description{

	margin-left:0;

	margin-top:-10px;

}



#logo .site-title a{

	font:45px/1em 'Pinyon Script',arial,sans-serif;

}



}