/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

a:hover{text-decoration:none !important;}

@media only screen and (max-width: 576px)
{  
	#header .header-main .container > div{display:block !important;  text-align:center;}	
	#header .logo{margin:auto;}
	.mobile-toggle{display: block !important; margin-bottom: 0px !important; text-align: right !important;}
	
}

.page-top .page-title{font-size: 3.5rem;}
.page-top .page-title, .breadcrumbs-wrap{ font-weight: bold;}

.page-top .page-title{display:inline-block; background:#c93d3e; padding:8px 10px;}
.page-top .breadcrumbs-wrap{display:inline-block; background:rgba(0,0,0,0.6); padding:8px 10px;}


.footer-wrapper{margin-top:0px;}

.single .post-image.single, .single hr.solid{display:none;}

.elementor-portfolio__filters li{background:#e3e3e3; border-radius:5px;}


.productgrid article{border:4px solid #e3e3e3;}
.productgrid article:hover{border-color:#c93d3e;}
.productgrid article .elementor-portfolio-item__overlay{opacity:1 !important; background:#e3e3e3; color:#000; top:inherit }
.productgrid article .elementor-portfolio-item__overlay h3{color:#000;}
.productgrid article:hover .elementor-portfolio-item__overlay{background:#c93d3e;}
.productgrid article:hover .elementor-portfolio-item__overlay h3{color:#fff;}
.productgrid h3{font-size:16px; font-weight:300;}

.portfolio-masonry{border:1px solid #e3e3e3;}

.grid-box{border:4px solid #e3e3e3;}
.grid-box:hover{border-color:#c93d3e;}
.grid-box .post-image.single, .grid-box .owl-carousel{margin-bottom:0px !important;}
.grid-box .post-meta{display:none;}
.grid-box .post-content a{ color:#000; background:#e3e3e3; padding:8px; display:block}
.grid-box:hover .post-content a{color:#fff; background:#c93d3e;}



.related-posts .post-item{border: 4px solid #e3e3e3;}
.related-posts .post-item:hover{border-color:#c93d3e;}
.related-posts .post-excerpt{display:none;}
.related-posts .post-item h4{background:#e3e3e3; padding:8px; text-align:center; margin-bottom:0px;}
.related-posts .post-item:hover h4{background:#c93d3e;} 
.related-posts h4 a{color:#000 !important; font-size:16px;}
.related-posts .post-item:hover h4 a{color:#fff !important;}
.related-posts .post-image{margin:0px !important;}

.resp-table table{margin-bottom:40px;}
.resp-table thead tr {   background-color: #C93D3E; color:#fff;}
.resp-table tr th, .resp-table tr td {text-align: center;}
.resp-table tbody tr:nth-of-type(2n+1) {  background: #f5f5f5;}
@media only screen and (max-width: 767px)
{   
    /* Force table to not be like tables anymore */
    .resp-table table,  .resp-table thead,  .resp-table tbody,  .resp-table th,  .resp-table td,    .resp-table tr {       display: block;    } 
    .resp-table thead tr { position: absolute;     top: -9999px;    left: -9999px;  } 
    .resp-table tr { border-top: 1px solid #ccc; border-right: 1px solid #ccc;	border-left: 1px solid #ccc;
		margin-bottom: 10px;}
    .resp-table td {  border: none;   border-bottom: 1px dashed #ddd; position: relative;    padding-left: 40%;    white-space: normal; text-align: left;	min-height: 22px;	}	
	.resp-table td:last-child {	border-bottom: 1px solid #ccc;	}
    .resp-table td:before { position: absolute;  top: 10px;      left: 8px;      width: 40%;     padding-right: 10px;     white-space: nowrap;     text-align: left;    font-weight: normal;   }
    .resp-table td:before { content: attr(data-title); }    
    .resp-table th, .resp-table td {     text-align: left;  }
	
}
.singletitle .btn{font-size:20px; border-radius:6px;}
.singletitle .standard-logo{width:90px; float: left; padding-right:10px;}
.singletitle .standard-logo{ pointer-events: none;}
.left-column {	background-color: #E5E5E5;	opacity: 0.9;}

.mobile-toggle{margin:0px !important; border-radius:0px !important;}
#header .mobile-toggle{font-size:26px !important;}

.footer-bottom aside{width:100% !important; display:block !important;}