/*
Theme Name: TheSide Child
Theme URL: https://themeforest.net/item/gropius-creative-architecture-wordpress-theme/23110678
Description: Child theme of TheSide
Author: webRedox WordPress team
Author URI: http://webredox.net/
Template: theside
Version: 2.2
Text Domain: theside-child
*/

/*******Add Your Css Below This Line*********/

body,
#wrapper,
header.main-header,
.left-panel,
.dark-bg,
.nav-social,
.column-wrap-media_btn i,
.nav-social,
.progress-bar-wrap,
.subfooter,
.tc-pagination,
.snw-dec,
.ss-slider-pagination,
.main-footer:before,
.page-load_bg, .page-load_bg2,
.content-nav,
.swiper-slide > .pr-bg,
.gallery-item > .pr-bg,
.fixed-column-wrap > .pr-bg {
    background: #022D26 !important;
}

.wpcf7 input[type=submit] {
    border-color: #022D26 !important;
}

.to-top-btn {
    background: #054238 !important;
}

.bedec_hstl:before,
.main-footer,
.order-wrap:before,
.fixed-filter-panel,
.parallax-header,
.leaflet-popup-content-wrapper,
.content-nav_holder:before,
.fet_pr-carousel-box-media-zoom,
.box-media-zoom,
.footer-header {
    background: #0F352F !important;
}

table td{border: 1px solid #ccc !important;padding:7px 5px}

.hero-start-link {
    padding-left: 0 !important;
}

.grid-det {
    background: rgba(2, 45, 38, 0.75) !important;
}

.nav-holder {
    background: rgba(15, 53, 47, 0.8) !important;
}

/** Custom **/

.logged-in header.main-header, .logged-in .fixed-column-wrap-content {
	top: 0 !important;
}

.header-logo {
	top: 20px !important;
}


.hide-video-button .column-wrap-media_btn {
	display: none;
}

.wpcf7 select {
	float: left;
  border: none;
  border: 1px solid #eee;
  background: #fff;
  width: 100%;
  padding: 15px 20px;
  color: #666;
  font-size: 12px;
  -webkit-appearance: none;
	margin-bottom: 20px;
}

@media only screen and (max-width: 410px) {
    .nav-scroll-bar-wrap {
        padding: 40px 40px 100px 30px !important;
    
    }
}

.nav-overlay .element {
		display: none !important;
	}

section.article .column-wrap-text img,
.post-container .column-wrap-text img{
	max-width: 100%;
	height: auto;
}

.widget.single-side-bar ul > li > span {
	color: #333
}

.flat-project_title p {
	font-size: 14px;
}

.content-nav li a span,
.order-wrap h4,
.split-sceen-content_title p,
.cont-det-wrap li
{
	font-size: 12px;
}

.post-container .post-wrap h1,
.post-container .post-wrap h2,
.post-container .post-wrap h3,
.post-container .post-wrap h4,
.post-container .post-wrap h5,
.post-container .post-wrap h6
{
	font-size: revert !important;
	margin: revert !important;
	padding: revert !important;
}

#ctaFooter {
    position: fixed;
    z-index: 999;
    bottom: 0;
    width: 100%;
    background: #022D26;
}

#ctaFooter > .container > div > a {
    position: relative;
    width: 50%;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #f1f1f1;
    padding: 12px 5px;
}

#ctaFooter > .container > div > a {
    color: #f1f1f1;
}

.main-footer {
    padding-bottom: 42px;
}

.main-footer:before,
.fixed-filter-panel {
    bottom: 42px !important;
}

@media only screen and (max-width: 480px){
  #ctaFooter > .container > div > a {
      font-size: 12px !important;
  }
}

.nav-social {
    bottom: 39px !important;
}