/*
Theme Name: Ozo Child
Author: Caden Grant
Author URI:
Template: ozo
Theme URI:
Description: Ozo Child Theme
Version: 1.0
License: ThemeForest Split License
License URI: --
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready, blog
Text Domain: ozo
*/
html{
	margin:0 !important;
	padding:0 !important;
}
body.post-type-archive-news {
    margin: 0 auto;
    /*width: 960px !important;*/
    position: relative !important;
} 
#header .no-filter ul {margin: 0 0 1.5em; list-style: none;}
#header .filter ul li, #header .no-filter ul li, .side-header .menu li{
    margin: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
}


.logo-wrap a {
    display: block;
    max-width: 300px;
}
.logo-wrap a img{
    display: block;
    width: 100%;
}


.side-header .menu {
    margin-bottom: 0 !important;
}
.added-menu ul {
    list-style: none;
    margin: 0;
}
.added-menu ul li a {
    color: #606060;
}



.side-header.admin-bar #header,
.side-header #header{
    position: fixed !important;
	
}

.post-type-archive-news #header,
.post-type-archive-news #header{
	position: fixed !important;
	left: 37%;
	margin-left: -500px;
	width: 221px;
}
#current-projects {
    display: none;
}


body.author, body.single-news {
    margin: 0 auto;
    /*width: 960px !important;*/
    position: relative !important;
}
.author #header, .single-news #header,
.author #header, .single-news #header{
	position: fixed !important;
	left: 37%;
	width: 221px;
	margin-left: -500px;

}
.author #page .container, .post-type-archive-news #page .container, .single-news #page .container,
.author #header .container, .post-type-archive-news #header .container, .single-news #header .container{
	padding:0px 0px !important ;
}

.single-news .container .content{
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	position:relative;
}


.single-news .row.single-post-nav{
	position: absolute;
	left: 0;
	margin-top : 20px;
}

.author article{
	border-bottom: 1px solid #dedede;
	padding-bottom: 51px;
}

body.single-news {
    overflow-x: initial !important;
}


.grid-boxs ul {
    display: flex;
}
.grid-boxs .grid-box .project-details {
    min-height: 135px;
}

.row-for-mobile {
    display: none;
}
/*================== SINGLE-POST-NEWS =============*/
.single-news .post-heading {
    display: none;
}
.single-news .article-link a {
    color: #1e73be;
}
.single-news .post-meta p a {
    display: none;
}
.single-news .sidebar {
    margin-top: 0;
}
.single-news .sidebar .widget {
	margin-top: 3em;
}
.single-news .content {
    background-color: #f4f4f4;
    padding: 42px 5%;
    border-right: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
}

.single-news .prev-post-text span,
.single-news .next-post-text span {
    position: relative;
    color: transparent;
}
.single-news .prev-post-text span:before,
.single-news .next-post-text span:after{
    color: #000;
    position: absolute;  
} 
.single-news .prev-post-text span:before{
    content: '← Previous Article';
    left:0;
}
.single-news .next-post-text span:after{
    content: 'Next Article →';
    right: 0;
}
.single-news .single-post-nav .next-post .next-post-text{
	text-align:left;
}

.single-news .type-news .post-video {display:none;}

.single-post-nav .prev-post-text {
    display: inline-block;
    padding-left: 20px;
}
.single-post-nav .next-post-text {
    float: right;
    display: inline-block;
    padding-right: 20px;
}
.widget {
    overflow: auto;
    clear: both;
    display: block;
    margin-bottom: 3em;
    margin-top: 2em;
    padding: 0 20px;
}
.single-post-nav span {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

/*================ SINGLE-AUTHOR-PAGE =============*/
.author .sidebar {
    margin-top: 7.3em;
}
.author h1.page-title {
    display: none;
}
.author .img-wrap img {
    max-width: 284px;
    width: 100%;
}
.author #content {
    margin-top: 2em;
}
.author h3.post-title a, .author h3.post-title,
.post-type-archive-news h3.post-title, .post-type-archive-news h3.post-title a {
    line-height: 1.3em;
}
.author .post-meta p {
    margin-bottom: 15px;
}
.author #content article {
    margin-bottom: 40px;
}
.author #content article p {
    margin-bottom: 20px;
}
/*.author article .post-video iframe {
    height: 43vh;
}*/

/*================ NEWS-PAGE =============*/
.post-meta-one {
    display: none;
}
.post-type-archive-news .post-meta {
    display: none;
}
.post-type-archive-news .post-meta-one {
    display: block !important;
}
.post-type-archive-news .sidebar {
    display: none;
}
a.author-name {
    margin-right: 5px;
}
article .post-video {
    position: relative;
    overflow: hidden;
/*     padding-top: 56.25%; */
}
.post-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/*================================================*/

#logo a {line-height:0; font-size: 24px;}
.portfolio.type-portfolio .terms { text-transform: uppercase;}
.single-portfolio .project-images img {
    width: 100%;
}
.more-contents p {
    margin-bottom: 2px;
}
div#logo {
    padding: 0px 0px 30px 0px;
}
h1, h2, h3, h4, h5, h6 {
        padding-top: 5px;
    margin-bottom: 5px;
}
.more-contents span {
    color: #888;
    display: table;
    margin-bottom: 3px;
}
.single-portfolio .portfolio-wrapper {
    padding-right: 0;
}
.portfolio-single-similar-title {
    font-size: 22px;
    margin: 0px 30px 12px;
    display: block;
}
.grid-boxs { font-family: arial; text-align: left;  font-size: 15px; padding: 30px 0; float:left; width:100%; } 
.grid-boxs ul { margin: 0px -15px; padding: 0px; }

.side-header .grid-boxs ul li { float: left; width: 33.3%; padding: 15px; list-style: none; box-sizing: border-box; /*cursor: pointer;*/  }


.grid-boxs ul li .grid-box { 
    padding: 0px;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;   
}
.side-header .grid-boxs ul li{
    transition: none;
}
.side-header .grid-boxs ul li:hover .grid-box{
    border: 1px solid rgba(0,0,0,.125);
}

.grid-boxs ul li h3 { margin:0px; display: block; padding:0px 0px 1px 0px; font-size: 18px; font-weight: 500; }
.grid-boxs ul li label { font-weight: 600; padding-right: 5px; min-width: 57px; display: inline-block; vertical-align: top; }
.grid-boxs ul li strong { vertical-align: top; font-weight: normal; }
.grid-boxs ul li p { margin: 0px 0px 10px; }
.grid-boxs h2 { margin: 0px 0px 10px;  }
.grid-boxs ul li p label + br { display:none; }
.grid-boxs .project-details { padding: 10px 15px 8px; min-height:107px; }
.grid-boxs .project-img img { width: 100%; height: auto;  }
.page-id-2170 .title-wrapper h1.page-title { padding-left: 20px; }
.grid-boxs ul li:hover .grid-box { border-color:#555; }
.grid-boxs .project-details strong:after { content: ""; display: block; height: 0; clear: both; } 
.grid-boxs .project-details a ,
.grid-boxs .project-img a { display: block; }
.grid-boxs .project-details br { display: none; }
.page-id-2170 .content-fullwidth { margin-top: 0px; }
.page-id-2170 .title-wrapper h1.page-title + p { margin: 0px; }

.post-type-archive-news .post-video iframe, .single-news .post-video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.post-type-archive-news .post-video, .single-news .post-video{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
}
.header-parent-div
{
	padding-left: 46px;
}
.container
{
	padding-left:17px !important;
}
#logo
{
	position: relative;
    left: 43px;
}
.hideMobile{
	display:block;
}
.side-header #header .section-title { 
    font-size: 15px;
}
.community-section .grid-boxs ul{
    flex-wrap: wrap;
}
.community-section .grid-boxs ul li .grid-box figure{
	height:153px;
}
.community-section .grid-boxs ul li .grid-box figure a{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.community-section .grid-boxs ul li .grid-box figure a img {
    max-height: 100%;
}
.community-section .grid-boxs ul li .grid-box .project-details {
    background-color: #eeeeee;
    min-height: 210px;
}
.community-section .grid-boxs ul li .grid-box .project-details p{
    font-size: 13px;
}
.community-section .grid-boxs ul li .project-details-links {
    padding: 10px 15px 8px;
    word-wrap: break-word;
}
.community-section .grid-boxs ul li .project-details-links p{
    font-size: 13px;
    margin: 0;
}
.community-section .grid-boxs ul li .project-details-links a{
    color: #000000;
}
/* .news-section .title-wrapper{
    padding: 0 15px;
}
.news-section .news-row{
    display: flex;
    flex-wrap: wrap;
}
.news-section .news-list{
    width: 25%;
    padding: 0 15px;
}
.news-section .news-list .news-img{
    height: 225px;
    background-color: #f4f4f4;
}
.news-section .news-list .news-img a{
    height: 100%;
    display: block;
}
.news-section .news-list .news-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
} */


.col.eight .description-news p a:before {
    content: "...";
    margin-right: 5px;
}
/*================================= RESPONSIVE ==================================*/
@media only screen and (max-width: 1875px){
.side-header #logo {
    padding: 0px 0px 15px 0px;
}
.side-header #header ul {
    margin-bottom: 20px;
}
.side-header .menu {
    margin: 15px 0;
}
.side-header .menu li, #header .filter ul li, #header .no-filter ul li  {
    padding-top: 1px;
    padding-bottom: 1px;
}
	html{
		margin-top:0 !important;
	}
}

@media only screen and (max-width: 1366px){
div#logo {
    padding: 0px 0px 18px 0px;
}
.side-header #header .section-title {
    margin-bottom: 10px;
}
.side-header #header ul {
    margin-bottom: 15px;
}
.side-header .menu {
    margin: 10px 0;
}

    .side-header.admin-bar #header {
    top: 0;
}
    .portfolio-wrapper {
    padding-top: 30px;
}
    #header .filter ul li, #header .no-filter ul li {
    padding: 1px 0;
}
	html{
		margin-top:0 !important;
	}
}


@media only screen and (max-width: 1330px){
.side-header #header .section-title {
    font-size: 15px !important;
    margin-bottom: 1.2vh!important;
}
    .filter ul li a, .no-filter ul li a {
    font-size: 15px !important;
}
    .menu li a {
    font-size:  15px !important;
}
    .side-header #header ul {
    margin-bottom: 2.7vh !important;
}
	html{
		margin-top:0 !important;
	}
}

@media(min-width:768px) and (max-width:1279px) {
.grid-boxs ul li h3 { margin: 0px -10px 0px; padding: 6px 10px 7px 10px; font-size: 16px; line-height: 18px; }
.grid-boxs ul li { padding: 5px; } 
.grid-boxs ul li .grid-box {   }
.grid-boxs ul li p { font-size: 13px; margin: 0px 0px 5px; }
.grid-boxs .project-details { min-height:115px; padding:0px 10px 8px;}
.grid-boxs { padding: 15px 20px; }
	html{
		margin-top:0 !important;
	}
}


@media only screen and (max-width: 1280px){
.side-header #logo{
    padding: 0 0 15px 0;
}
.side-header #header ul {
    margin-bottom: 20px;
}
.side-header .menu {
    margin: 20px 0;
}
#header .filter ul li, #header .no-filter ul li {
    padding: 1px 0;
}
html{
    margin-top:0 !important;
}
/* .news-section .news-list{
    width: 33.33%;
} */
}

@media only screen and (max-width: 1060px){
.single-news .sidebar {
    margin-top: 0.5em;
}
}

@media only screen and (max-width: 1024px){
a, h1, h2, h3, h4, h5, h6 {
    line-height: 1.2em;
}
.side-header #logo {
    padding-bottom: 14px;
    left: 0;
    padding-left: 46px;
}
.side-header #header ul {
    margin-bottom: 15px;
}
.side-header .menu {
    margin: 25px 0;
}
.filter ul li a, .no-filter ul li a {
    font-size: 14px;
}
.side-header li {
    padding: 0px 0;
}
}


@media (min-width: 961px) {
    .header-parent-div #logo {
        display:none;
    }
	html{
		margin-top:0 !important;
	}
}

@media only screen and (max-width:960px){
.side-header #page {
   padding: 0 20px;
   margin: 0px auto !important;
}
html{
	margin-top:0 !important;
} 
.side-header #header {
    height: 45px;
    position: fixed;
	display:block;
	width:100%;
}
.side-header #header .container {
    padding: 12px 30px 0;
    display: block !important;
}
.post-type-archive-news #header, .post-type-archive-news #header, .single-news #header, .author #header {
	position: fixed !important;
	left: 0;
	margin-left:0;
	width: 100% !important;
	padding: 15px 20px 0 !important;
}
#header .filter ul li, #header .no-filter ul li{
	padding:1px 0px;
}
#header ul li{
	padding:0 0px;
}
.side-header #logo {
    padding-bottom: 14px;
    left: 0;
    padding-left: 0;
}
}
@media screen and (max-width: 785px){
	html {
		margin-top: 0 !important;
	}
}


@media only screen and (max-width: 768px){
.row-for-mobile {
    display: block;
    margin-bottom: 30px;
}
.col.four.desktop {
    display: none;
}
}

@media only screen and (max-width:767px) {
.grid-boxs ul {
    display: block !important;
}
.side-header .grid-boxs ul li {
    width: 50%;
}
.grid-boxs .grid-box .project-details {
    min-height: 170px;
}
.grid-boxs { padding: 15px 20px; 
}
	div.mobile-openmenu #logo{
		display: block;
		margin: 0px;
	}
	.side-header #logo {
		display: inline-block;
		width: 65%;
		margin: 0px auto;
		text-align: center;
		white-space: nowrap;
	}
    /* .news-section .news-list{
        width: 50%;
    } */
}

@media(min-width:767px) {
.col.four {
    margin-top: 100px;
}
}


@media only screen and (max-width:550px){
.side-header .grid-boxs ul li {
    width: 100%;
}
.grid-boxs .grid-box .project-details {
    min-height: auto;
}
.community-section .grid-boxs{
    padding: 0;
}
.community-section .grid-boxs ul li .grid-box .project-details{
    min-height: auto;
}
	.post-type-archive-news{
		margin:0 auto !important;
	}
    /* .news-section .news-list{
        width: 100%;
    }
    .news-section .news-list .news-img {
        height: 50vw;
    } */
}

@media only screen and (max-width:480px){
.header-parent-div .accordian-menu {
    margin: 4px 0px 4px !important;
    font-size: 15px;
}
.header-parent-div {
    padding: 40px 20px 30px 20px;
    max-width: 265px;
}
.header-parent-div .close {
    right: 14px;
}
#logo a {
    font-size: 22px;
}

	div.portfolio-wrapper{
		margin-top:70px;
	}
	
}

@media only screen and (max-width: 590px)
{
	.six
	{
		width:50%;
	}
	.sidebar
	{
		position: relative;
    	top: 100px;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
	div.mobile-openmenu #logo{
		display: block;
		margin: 0px;
	}
	.side-header #logo {
		display: inline-block;
		width: 55% !important;
		margin: 0px auto;
		text-align: center;
		white-space: nowrap;
	}
	.hideMobile{
		margin-top: 15px;
		display:none;
	}
}

/*

@media screen and (min-width:980px) and (max-height:713px){
.filter ul li a {
    font-size: 2vh;
    line-height: 1.2vh;
}
}*/