/*
 Theme Name:     Mimal Child
 Theme URI:      http://flothemes.com
 Description:    Mimal Child Theme
 Author:         Flothemes
 Author URI:     http://flothemes.com
 Template:       mimal
*/
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=PT+Sans);
.header-menu ul.nav-menu {
    text-align: center;
}
li.image .figure-hover {
    background-color: rgba(0,0,0,0.2);
}
header.main-header ul.nav-menu>.menu-item:not(.site-logo)
{
 bottom:30px;
}
.category-select
{
    display:none;
}
.category-date
{
     width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;   
        z-index: -1;

}
.category-date .big-day {
width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0;
    color: #8c8782;
    font-size: 300px;
    line-height: 190px;
    text-align: right;
    display: block;
    clear: both;
    font-family: QuestaGrande-Regular;
}
.category-date .big-date {
    text-align: left;
    position: absolute;
    right: 10%;
    padding-top: 15%;
    text-transform:uppercase;
    font-family: QuestaSans-Regular;
    font-size:12px;
}
.category-date .post-category
{
     position: absolute;
    left: 10%;
    padding-top: 15%;  
        text-transform:uppercase;
    font-family: QuestaSans-Regular;
    font-size:12px;
}
.category-date:after {
    content: '';
    width: 60%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 20%;
    top: 15%;
}
.category-date .big-day:after {
    content: '';
    position: absolute;
    right: 0;
    height: 85px;
    width: 1px;
    background-color: #fff;
        top: 35px;
}
.page.blog .all-posts.full-width .post.style-basic.with-image .open-post {
    padding: 25px 40px;
    border: 1px solid #fff;
    font-family: Montserrat;
    text-transform: lowercase;
    font-size: 10px;
    letter-spacing: 2px;
}
.page.blog .all-posts .post a.open-post:before {
    content: ''!important;
    height: 1px;
    width: 200%;
    background-color: #fff;
    position: absolute;
    left: -200%;
    margin: 0px!important;
    top: 50%;

}
.page.blog .all-posts .post a.open-post:after{
    content: ''!important;
    height: 1px;
    width: 200%;
    background-color: #fff;
    position: absolute;
    right: -200%;
    margin: 0px!important;
    top: 50%;

}
.hero-block__slider {
    margin-bottom: 20px;
}
.home .page-content .cosmo-one-third
{
  font-family: ACaslonPro-Italic;
  font-size:14px;
  text-align:center;
}
.home .page-content .cosmo-one-third h2
{   
    font-size: 17px;
    letter-spacing: 1.8px;
    font-style: italic;
    border-bottom: 1px solid black;
    display: inline-block;
    padding: 1px;
    text-align: center;
}


li.image .figure-hover h5.date , li.image .figure-hover a.open-gallery ,.home .page-content .cosmo-one-third br,#recent-posts-4 h5.widget-title
{
    display:none!important;
}


li.image  .figure-hover h3.title {
    font-size: 17px!important;
        margin: 25% 0;
}
.widget_sp_image-description p , .widget_recent_entries a
{
    font-size:15px!important;
}
.page.blog .all-posts .post h2.title {
    font-size: 50px;
    letter-spacing:1px;

}
.below-page-content {
    padding-top: 40px;
}

.page.post-page .post h6.date, .page.post-page .post-nav a.name ,.page.post-page .sub-content label,.page.post-page .sub-content label ,.page.post-page .actions .share .title,.page.post-page .actions h6.title,.comments .comment .comment-reply-link,.comments .comment-form input[type=submit],.page.post-page .actions .also-like h6.title
{
	font-family: QuestaGrande-Regular;
	letter-spacing: 0.8px;
}
.page.post-page .sub-content li a ,.page.post-page .sub-content li a ,.comments .comment .comment-text p
{
	font-family: QuestaSans-Regular;
	letter-spacing: 0.8px;
}
.article-content img 
{
	margin: 5px 0;
}
li.image .figure-hover {
    background-color: rgba(0,0,0,0.4)!important;
}


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

header.main-header ul.nav-menu>.menu-item.left-logo-menu{
    margin-right:60px;
}
	  .pagination ul {
	    border-top: 1px solid black;
	    border-bottom: 1px solid black;
	    padding: 15px 0;
	}
	.pagination li {
	    padding: 15px;
	    margin: 0px;

	}
	.pagination li.active {
	text-decoration: none;
	    background-color: #d4d4d4;
	    color: #fff;
	    position: relative;
	    padding: 15px;
	}
	.pagination li.nav.next:after {
	    content: '';
	    position: absolute;
	    left: 0;
	    top: -15px;
	    height: calc(100% + 32px);
	    width: 1px;
	    background-color: black;
	}
	.pagination li.nav.prev:after {
	    content: '';
	    position: absolute;
	    right: 0;
	    top: -15px;
	    height: calc(100% + 32px);
	    width: 1px;
	    background-color: black;
	}
	.pagination li.active:after
	{
		 content: '';
	    position: absolute;
	    right: -7px;
	    top: -15px;
	    height: calc(100% + 30px);
	    width: 1px;
	    background-color: black;
	}
	.pagination li.active:before
	{
		 content: '';
	    position: absolute;
	    left: -7px;
	    top: -15px;
	    height: calc(100% + 30px);
	    width: 1px;
	    background-color: black;
	}

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

  .category-date {
    top: 50%;
    z-index: 0;
    }
    .page.blog .all-posts.full-width .post.style-basic.with-image article.excerpt
    {
    	display: none;
    }
    .page.blog .all-posts .post h2.title {
    font-size: 30px;
    margin-bottom: 10px;
	}
	.category-date
	{
		display: none;
	}
}

.page.portfolio-page li.image .figure-hover h3.title a {
    color: #fff;
}

body{padding:0px !important}
@media only screen and (max-width: 768px) {
.nav-mobile.mobile .logo img {
    max-width: 200px;
}
}
@media only screen and (min-width: 769px) {
header.main-header ul.nav-menu > .menu-item > .header_main-nav_sub-menu::after {
    background-color: #e5e5e5;
}
}
.page.blog .all-posts.with-layout .layout {
    max-width: 690px;
}
@media only screen and (min-width: 1025px) {
.page.blog .all-posts.with-layout .post.style-basic.with-image .post-header {
    min-height: 630px;
}
.page.blog .all-posts.with-layout .post.style-basic.with-image .post-header {
    margin-bottom: -410px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 690px) {
.page.blog .all-posts.with-layout .post.style-basic.with-image .post-header {
    min-height: calc(100vw * 430 / 690 + 200px);
}
.page.blog .all-posts.with-layout .post.style-basic.with-image .post-header {
    margin-bottom: calc(-1 * (100vw * 430 / 690 - 50px));
}
}
.hero-slider .slide-hover.background--dark a {
    color: rgba(255, 255, 255, 0);
}
.page.post-page .layout {
    max-width: 890px;
}
.wpcf7 p {
    margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
header.main-header ul.nav-menu > .menu-item {
    bottom: auto;
    margin: 0;
}
.header-menu ul.nav-menu {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 50vw;
}
header.main-header ul.nav-menu > .menu-item:not(.site-logo) {
    bottom: auto;
    width: 200px;
}
}
@media only screen and (max-width: 767px) {
.page.portfolio-page .medium-block-grid-3 li.image .figure-hover, .page.portfolio-page .medium-block-grid-4 li.image .figure-hover, .page.portfolio-single .medium-block-grid-3 li.image .figure-hover, .page.portfolio-single .medium-block-grid-4 li.image .figure-hover {
    background-color: white !important;
    max-height: 40px;
    width: 100%;
}
.page.portfolio-page li.image .figure-hover h3.title a {
    color: #373737;
}
}
@media only screen and (min-width: 769px) {
header.main-header ul.nav-menu > .menu-item:not(.site-logo) {
}
}
@media only screen and (min-width: 769px) {
header.main-header.header-sticky .logo img {
    max-width: 100px;
}
header.main-header.header-sticky ul.nav-menu > .menu-item:not(.site-logo) {
    bottom: auto;
    width: 200px;
}
}

.header-menu ul.nav-menu {
    text-align: center;
}
li.image .figure-hover {
    background-color: rgba(0,0,0,0.2);
}
header.main-header ul.nav-menu>.menu-item:not(.site-logo)
{
 bottom:30px;
}
.category-select
{
    display:none;
}
.category-date
{
     width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;   
        z-index: -1;

}
.category-date .big-day {
width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0;
    color: #8c8782;
    font-size: 300px;
    line-height: 190px;
    text-align: right;
    display: block;
    clear: both;
    font-family: QuestaGrande-Regular;
}
.category-date .big-date {
    text-align: left;
    position: absolute;
    right: 10%;
    padding-top: 15%;
    text-transform:uppercase;
    font-family: QuestaSans-Regular;
    font-size:12px;
}
.category-date .post-category
{
     position: absolute;
    left: 10%;
    padding-top: 15%;  
        text-transform:uppercase;
    font-family: QuestaSans-Regular;
    font-size:12px;
}
.category-date:after {
    content: '';
    width: 60%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 20%;
    top: 15%;
}
.category-date .big-day:after {
    content: '';
    position: absolute;
    right: 0;
    height: 85px;
    width: 1px;
    background-color: #fff;
        top: 35px;
}
.page.blog .all-posts.full-width .post.style-basic.with-image .open-post {
    padding: 25px 40px;
    border: 1px solid #fff;
    font-family: Montserrat;
    text-transform: lowercase;
    font-size: 10px;
    letter-spacing: 2px;
}
.page.blog .all-posts .post a.open-post:before {
    content: ''!important;
    height: 1px;
    width: 200%;
    background-color: #fff;
    position: absolute;
    left: -200%;
    margin: 0px!important;
    top: 50%;

}
.page.blog .all-posts .post a.open-post:after{
    content: ''!important;
    height: 1px;
    width: 200%;
    background-color: #fff;
    position: absolute;
    right: -200%;
    margin: 0px!important;
    top: 50%;

}
.hero-block__slider {
    margin-bottom: 20px;
}
.home .page-content .cosmo-one-third
{
  font-family: ACaslonPro-Italic;
  font-size:14px;
  text-align:center;
}
.home .page-content .cosmo-one-third h2
{   
    font-size: 17px;
    letter-spacing: 1.8px;
    font-style: italic;
    border-bottom: 1px solid black;
    display: inline-block;
    padding: 1px;
    text-align: center;
}


li.image .figure-hover h5.date , li.image .figure-hover a.open-gallery ,.home .page-content .cosmo-one-third br,#recent-posts-4 h5.widget-title
{
    display:none!important;
}


li.image  .figure-hover h3.title {
    font-size: 17px!important;
        margin: 25% 0;
}
.widget_sp_image-description p , .widget_recent_entries a
{
    font-size:15px!important;
}
.page.blog .all-posts .post h2.title {
    font-size: 50px;
    letter-spacing:1px;

}
.below-page-content {
    padding-top: 40px;
}

.page.post-page .post h6.date, .page.post-page .post-nav a.name ,.page.post-page .sub-content label,.page.post-page .sub-content label ,.page.post-page .actions .share .title,.page.post-page .actions h6.title,.comments .comment .comment-reply-link,.comments .comment-form input[type=submit],.page.post-page .actions .also-like h6.title
{
	font-family: QuestaGrande-Regular;
	letter-spacing: 0.8px;
}
.page.post-page .sub-content li a ,.page.post-page .sub-content li a ,.comments .comment .comment-text p
{
	font-family: QuestaSans-Regular;
	letter-spacing: 0.8px;
}
.article-content img 
{
	margin: 5px 0;
}
li.image .figure-hover {
    background-color: rgba(0,0,0,0.4)!important;
}


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

header.main-header ul.nav-menu>.menu-item.left-logo-menu{
    margin-right:60px;
}



  header.main-header nav.main-navigation 
  {
    padding-bottom: 10px;
  }
	  .pagination ul {
	    border-top: 1px solid black;
	    border-bottom: 1px solid black;
	    padding: 15px 0;
	}
	.pagination li {
	    padding: 15px;
	    margin: 0px;

	}
	.pagination li.active {
	text-decoration: none;
	    background-color: #d4d4d4;
	    color: #fff;
	    position: relative;
	    padding: 15px;
	}
	.pagination li.nav.next:after {
	    content: '';
	    position: absolute;
	    left: 0;
	    top: -15px;
	    height: calc(100% + 32px);
	    width: 1px;
	    background-color: black;
	}
	.pagination li.nav.prev:after {
	    content: '';
	    position: absolute;
	    right: 0;
	    top: -15px;
	    height: calc(100% + 32px);
	    width: 1px;
	    background-color: black;
	}
	.pagination li.active:after
	{
		 content: '';
	    position: absolute;
	    right: -7px;
	    top: -15px;
	    height: calc(100% + 30px);
	    width: 1px;
	    background-color: black;
	}
	.pagination li.active:before
	{
		 content: '';
	    position: absolute;
	    left: -7px;
	    top: -15px;
	    height: calc(100% + 30px);
	    width: 1px;
	    background-color: black;
	}

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

  .category-date {
    top: 50%;
    z-index: 0;
    }
    .page.blog .all-posts.full-width .post.style-basic.with-image article.excerpt
    {
    	display: none;
    }
    .page.blog .all-posts .post h2.title {
    font-size: 30px;
    margin-bottom: 10px;
	}
	.category-date
	{
		display: none;
	}
}

.page.portfolio-page li.image .figure-hover h3.title a {
    /*color: #fff;*/
}