/*
 Theme Name:    Astra Child
 Text-Domain:   astra-child
 Template:      astra
 Version:       1.0.0
*/

/* Images */

.entry-content img.alignright,
.entry-content .wp-caption.alignright {
    margin-right: 0px;
    top: 20px;
}

.entry-content img,
.entry-summary img, 
.comment-content img, 
.widget img, 
.wp-caption, 
img.attachment-main-image {
    max-width: 100%;
}

.entry-content img.alignleft {
    margin-right: 10px;
    margin-left: 0px;
    max-width: 45%;
}

/* Structure */

#toc {
    border: 1px solid rgb(240, 240, 240);
    width: 100%;
    margin: 0px;
    font-size: 90%;
}

span.imagelink {
    text-align: right;
    margin: 0;
    padding: 0;
    width: 100%;
}

footer#colophon.site-footer {
    background-color: white;
    border-top: 40px solid #81a8a7;
    margin-top: 20px;
}

.site, .navbar {
    max-width: 100%;
}

.site-header .home-link  {
    min-height: 70px;
}

div#banner,
div#container,
div#secondary.sidebar-container {
    margin: 0px auto;
    width: 100%;
    max-width: 978px;
    /* border-left: 1px solid #eee;
    border-right: 1px solid #eee; */
    overflow: visible;
    display: block;
    position: relative;
    clear: both;
}

div#secondary.sidebar-container {
    height: 200px;
    display: block;
    position: relative;
}

.entry-header, 
.entry-content, 
.entry-summary, 
.entry-meta {
    margin: 0px auto;
    max-width: 978px;
    width: 100%;
}

div#container {
    padding: 0 30px 60px 30px;
    min-height: 300px;
}

div#container div.breadcrumb {
    font-size: small;
    color: #aaa;
    margin-bottom: 15px;
}

div#container div.breadcrumb a {
    color: #aaa;
    text-decoration: underline;
    font-weight: normal;
}

div#container div.breadcrumb a:visited {
    color: #aaa;
}

.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta {
    max-width: 100%;
    max-width: 1040px;
    padding: 0px 376px 0px 0px;
}

.sidebar.page-template-full-width-page-php .entry-header,
.sidebar.page-template-full-width-page-php .entry-content,
.sidebar.page-template-full-width-page-php .entry-summary,
.sidebar.page-template-full-width-page-php .entry-meta,
.pods .entry-header,
.pods .entry-content,
.pods .entry-summary,
.pods .entry-meta {
    padding: 0px 0px 0px 0px;
}

.entry-header, .entry-content, .entry-summary, .entry-meta {
    max-width: 100%;
    padding: 0;
}

.hentry {
    padding:0; margin:0;
}

.nav-menu li a {
    padding: 15px 12px;
}

.main-navigation {
    max-width: 950px;
    padding: 0 5px;
}

.site-main .sidebar-inner {
    margin: 0px auto;
    max-width: 100%;
}

div.widget-area {
    margin-right: 50px;
    overflow: hidden;
    display: block;
}

.site-footer {
    background-color: transparent;
}

.site-footer .sidebar-container {
    background-color: transparent;
    overflow: hidden;
}

div#page.hfeed.site footer#colophon.site-footer {
    margin:0px !important;
    padding:0;
    height: auto;
    clear: both;
    display:block;
}

.site-info {
    text-align: center;
}

.sidebar .site-footer .footer-widget-area {
    width: 100%;
    display: block;
    max-width: 1000px;
    color: #000;
    clear: both;
}

.site-footer .widget-title, 
.site-footer .widget-title a, 
.site-footer .wp-caption-text {
    color: #000;
}
.sidebar .site-footer aside.widget {
    padding: 30px;
    width: 48%;
    max-width: 47%;
}
.sidebar .site-footer aside.widget,
.sidebar .site-footer aside.widget h3 {
    color: #000;
}

.widget {
    font-size: 14px;
    margin: 0px 0px 5px;
    padding: 4px;
    word-wrap: break-word;
}

.page-header {
    background: transparent;
}

/* Image and text item grids */

div.holder, div.meta {
    width: 100%;
    overflow: auto;
    display: block;
}

div.meta {
    margin-bottom: 15px;
    background-color: #efefef;
}

div.portfolio-1, 
div.portfolio-6, 
div.portfolio-3, 
div.portfolio-9 {
    width: 100%;
    background-color: #ddd;
    display: block;
    overflow: auto;
}

div.portfolio-9 div.images9 {
    max-height: 150px;
    position: relative;
    float: left;
}

div.portfolio-9 div.images9 img {
    max-height: 150px;
    width: auto;
    border-right: 3px solid #fff;
    border-bottom:  3px solid #fff;
}

div.portfolio-9 div.images9.major,
div.portfolio-9 div.images9.major img {
    max-height: 300px;
}

.portfolio-6 div.images6 {
    max-height: 200px;
    position: relative;
    float: left;
}

.portfolio-6 div.images6 img {
    max-height: 200px;
    width: auto;
    border-right: 3px solid #fff;
    border-bottom:  3px solid #fff;
}

div.portfolio-6 div.images6.major,
div.portfolio-6 div.images6.major img {
    max-height: 400px;
}

.portfolio-3 div.images3 {
    max-height: 280px;
    position: relative;
    float: left;
}

.portfolio-3 div.images3 img {
    max-height: 280px;
    width: auto;
    border-right: 3px solid #fff;
}

.portfolio-1 img {
    border-right: 3px solid #fff;
}

div.meta p {
    float: left;
    display: inline;
    width: 33.3%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #adadad;
    padding: 5px 10px;
    margin: 0;
}

div.item {
    width: 33%;
    float: left;
    padding-right: 1%;
}

body.pod-profile div.item p {
    font-size: 90%;
}

div.item img {
    max-width: 100%;
}

div.item h2 {
    display:block;
    border-bottom: 6px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 6px;
    font-size: 114%;
}

div.item h2 a {
    color: black;
}

div.item div.itemz {
    color: #999;
    font-size: 80%;
    float: left;
    margin:0;
    padding:0;
}

div.item div.itemz a {
    color: #999;
    text-decoration: underline;
}

div.item div a:visited {
    color: #999;
}

div.item div.item-left {
    width: 70%;
    padding-left: 5px;
    border-left: 1px solid #eee;
}

div.item div.item-right {
    width: 30%;
    text-align: right;
    padding-right: 5px;
    border-right: 1px solid #eee;
}

div.item img.attachment-thumbnail {
    max-width: 46%;
    margin-right: 1%;
}

/* Media queries */

@media (max-width: 999px) {

.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta,
.sidebar .comment-list,
.sidebar .comment-reply-title,
.sidebar .comment-navigation,
.sidebar .comment-respond .comment-form,
.sidebar .featured-gallery,
.sidebar .post-navigation .nav-links,
.author.sidebar .author-info {
	max-width: 990px;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

}

@media (max-width: 810px) {

div.item {
   width: 48%;
   padding-right: 2%;
}

/* Small menu */

.menu-toggle {
	cursor: pointer;
	display: inline-block;
	font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
	margin: 0;
	padding: 12px 0 12px 20px;
}

.menu-toggle:after {
	content: "\f502";
	font-size: 12px;
	padding-left: 8px;
	vertical-align: -4px;
}

.toggled-on .menu-toggle:after {
	content: "\f500";
	vertical-align: 2px;
}

.toggled-on .nav-menu,
.toggled-on .nav-menu > ul {
	display: block;
	margin-left: 0;
	padding: 0;
	width: 100%;
}

.toggled-on li,
.toggled-on .children {
	display: block;
}

.toggled-on .nav-menu li > ul {
	background-color: transparent;
	display: block;
	float: none;
	margin-left: 20px;
	position: relative;
	left: auto;
	top: auto;
}

.toggled-on .nav-menu li > ul a {
	color: #fff;
	width: auto;
}

.toggled-on .nav-menu li:hover > a,
.toggled-on .nav-menu .children a {
	background-color: transparent;
	color: #fff;
}

.toggled-on .nav-menu li a:hover,
.toggled-on .nav-menu ul a:hover {
	background-color: #db572f;
	color: #fff;
}

ul.nav-menu,
div.nav-menu > ul {
	display: none;
}

}


@media (max-width: 767px) {

.attachment .image-navigation,
.attachment .entry-attachment .attachment {
    max-width: 760px;
    padding: 0;
    width: 100%;
}

.sidebar .site-footer aside.widget {
    float: right;
    width: 90%;
    max-width: 90%;
}

iframe {
    float:none;
    display: block;
    width: 100%; 
}

div.meta p {
    width: 100%;
}

}

@media (max-width: 643px) {

div.item {
    width: 100%;
}

}

@media (max-width: 570px) {

.entry-content img.alignright {
   display:none;
}

/* .portfolio-9 div.images9 img, */
.portfolio-6 div.images6 img,
.portfolio-3 div.images3 img,
.portfolio-1 div.images1 img,
.portfolio-1 div img {
   border-right: 0;
   border-bottom: 3px solid #fff;   
}

div.portfolio-6 div.images6.major img,
div.portfolio-9 div.images9.major img,
div.portfolio-3 div.images3.major img,
div.portfolio-1 div.images1.major img,
div.portfolio-6 div.images6.major,
div.portfolio-9 div.images9.major,
div.portfolio-3 div.images3.major,
div.portfolio-1 div.images1.major,
div.portfolio-6 div.images6,
div.portfolio-9 div.images9,
div.portfolio-3 div.images3,
div.portfolio-1 div.images1,
div.portfolio-6 div.images6 img,
div.portfolio-9 div.images9 img,
div.portfolio-3 div.images3 img,
div.portfolio-1 div.images1 img,
div.portfolio-1 div img,
div.portfolio-1 div {
   width: 100%;
   max-height: none !important;
   height: auto !important;
}

}

@media (max-width: 500px) {

}