/*
 Theme Name:   Minamaze Child
 Description:  This is the theme that needs to be active. It is a child theme of the Minamaze theme. What this means is that it is using the files of Minamaze and adds some extra styling on top of the Minamaze theme. Because of this, the main Minamaze theme must stay installed, even if it's not active.
 Author:       Sebastian Lacle
 Author URI:   http://slacle.com
 Template:     minamaze
 Version:      1
*/


/* -------- general -------- */

body, button, input, select, textarea {
    color: #535353;
    font-size: 15px;
}

h3 {
	font-size: 18px;
	margin-bottom: 1.2em;
	color: #535353;
}

h4 {
    font-weight: bold;
    color: #af1942;
}

#content {
    padding-bottom: 40px;
}


/* -------- main width change from 960px to 1170px -------- */ 

#pre-header-core,
#header-core,
#header-links-inner,
#content-core,
#footer-core,
#sub-footer-core,
#notification-core,
#introaction-core,
#outroaction-core {
    max-width: 1170px;
}


/* -------- banner -------- 

#site-header:after {
    display: block;
    max-width: 1170px;
    height: 300px;
    margin: 0 auto;
    background: url("http://detailsinc.ca/wp-content/uploads/2018/12/banner.jpg");
    background-position-x: 96%;
    color: #fff;    
    text-indent: 20px;
    font-weight: bold;
    font-size: 58px;
    line-height: 8;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 28px;
}

@media (max-width: 768px) {
    #site-header:after {
        background: url("http://detailsinc.ca/wp-content/uploads/2018/12/banner-small.jpg");
        background-position-x: 100%;
        height: 175px;
        font-size: 30px;
        line-height: 9.5;
        margin-bottom: 10px;
        margin-top: 0px;
    }
}

@media (max-width: 450px) {
    #site-header:after {
        font-size: 18px;
        line-height: 16;
    }
}    

.page-id-34 #site-header:after, .parent-pageid-34 #site-header:after {
    content: 'Company';
}

.page-id-44 #site-header:after, .parent-pageid-44 #site-header:after {
    content: 'Services';
}

.page-id-60 #site-header:after, .parent-pageid-60 #site-header:after,
.blog #site-header:after, .single-post #site-header:after, .search #site-header:after
{
    content: 'Blog';
}

.page-id-62 #site-header:after, .parent-pageid-62 #site-header:after {
    content: 'Contact Us';
}

.home #site-header:after {
	display: none;
}

*/


/* -------- page title -------- */

.page-title, .multi-page-title {
    font-size: 30px;
    line-height: 1;
    color: #a80532;
    background: #eaeaea;
    padding: 20px;
    border-left: 30px solid #a80532;
    text-transform: uppercase;
}

#intro.option1 {
    margin-bottom: 0;
}

.search #intro.option1 {
    margin-bottom: 40px;
}

@media only screen and (max-width: 685px) {
    #intro.option1 #intro-core {
        display: table !important;
    }
}

#intro.option1 #intro-core:before {
	border-bottom: none;
}

#intro.option1 #intro-core:after {
	display: none;
}

.single-post #intro.option1 #intro-core {
    padding-bottom: 0;
}

/* -------- move content text to right a bit -------- */

@media (min-width: 768px) {
    .page-id-34 #main-core article p,
    .page-id-34 #main-core article h2,
    .page-id-34 #main-core article h3,
    .page-id-34 #main-core article h4,
    .page-id-34 #main-core article ul,
    .parent-pageid-34 #main-core article p,
    .parent-pageid-34 #main-core article h2,
    .parent-pageid-34 #main-core article h3,
    .parent-pageid-34 #main-core article h4,
    .parent-pageid-34 #main-core article ul,    
    .parent-pageid-44 #main-core article p,
    .parent-pageid-44 #main-core article h2,
    .parent-pageid-44 #main-core article h3,
    .parent-pageid-44 #main-core article h4,
    .parent-pageid-44 #main-core article ul,
    .single-post #main-core article p,
    .single-post #main-core article h2,
    .single-post #main-core article h3,
    .single-post #main-core article h4,
    .single-post #main-core article ul
    {
        padding-left: 50px;
    }
}    


/* -------- header -------- */

#header-core {
	margin-bottom: 8px;
}

#logo {
    margin: 40px 0 0;
}

#logo img {
    max-height: 58px;
}

#header .header-links li {
    margin: 0 24px;
    overflow: hidden;
}

#header .header-links li:last-child {
    margin-right: 0;
}

#header .header-links > ul > li a {
    color: #4a4a4a;
    font-size: 25px;
    text-transform: uppercase;
    padding: 50px 11px 1px;
    font-weight: 600;
}

#header .menu > li.current_page_item > a, #header .menu > li.current-menu-ancestor > a {
    color: #4a4a4a;
    border-bottom: 6px solid #a80532;
}

@media (max-width: 1050px) {
  #header .header-links > ul > li a {
    font-size: 20px;
    padding-top: 50px;
  }
}

@media (max-width: 950px) {
  #header .header-links li {
	margin: 0 10px;
  }	
  #header .header-links > ul > li a {
    font-size: 18px;
    padding-top: 52px;
  }
}

#header .header-links > ul > li.menu-parent > a:after {
	display: none;
}

#header .header-links .sub-menu {
	border: 1px solid #4E4E4E;
    background: #474747;
}

#header .header-links .sub-menu a {
	    border-bottom: 1px solid #505050;
}

.menu-item-20 > a:hover, .menu-item-198 > a:hover {
    cursor: default;
}


/* -------- home page boxes -------- */

div#pg-6-3 {
	margin-left: 0;
	margin-right: 0;
}

div#pg-6-3 .panel-grid-cell {
    padding-left: 0;
    padding-right: 0;
}

div#pgc-6-3-0, div#pgc-6-3-1, div#pgc-6-3-2, div#pgc-6-3-3 {
    width: 22.5%;
    margin-right: 3.3333%;
    border: 1px solid #cdcdcd;
    padding-left: 0; 
    padding-right: 0;
    padding-bottom: 25px;
}

@media (max-width: 780px) {
	div#pgc-6-3-0, div#pgc-6-3-1, div#pgc-6-3-2, div#pgc-6-3-3 {
    	margin-right: 0;
    	padding-bottom: 25px;
    }

    #pl-6 .home-boxes .panel-grid-cell {
    	padding-bottom: 25px;
    }
}

div#pgc-6-3-3 {
    margin-right: 0;
}

div#pl-6 .home-boxes .panel-grid-cell .widget_text.panel-first-child {
	margin-bottom: 0;
    background: #a80532;
    color: #fff;
    padding: 8px 0;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
}

#pl-6 .home-boxes .panel-grid-cell .so-panel.widget_sow-image {
	margin-bottom: -5px;
}

#panel-6-3-0-2, #panel-6-3-1-2, #panel-6-3-2-2, #panel-6-3-3-2 {
	font-size: 10px;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 0 !important;
    height: 30px;
}

#pl-6 .home-boxes .panel-grid-cell .so-panel.widget_sow-editor {
	padding: 10px;
	margin-bottom: 15px;
}

@media (min-width: 780px) {
	#pl-6 .home-boxes .panel-grid-cell .so-panel.widget_sow-editor {
		min-height: 200px;
		margin-bottom: 0;
	}
}

#pl-6 .home-boxes .panel-grid-cell .so-panel.widget_sow-editor p {
	margin-bottom: 0;
}

.home-boxes .ow-button-base a {
	padding: 10px 20px
}

/* -------- footer -------- */

#footer {
	border: 0;
	background: #474747;
	color: #fff;
}

#footer-core, #footer-core a {
	color: #fff;
	font-size: 13px;
}

#footer-core h3 {
	border-bottom: none;
	box-shadow: none;
	color: #fff;
    text-transform: none;
    font-size: 17px;
}

#footer-core a .fa-circle {
	color: #4f4f4f;
}


@media only screen and (max-width: 568px) {
    #footer-core .widget-area {
        border-bottom: 1px solid #666;
        margin-bottom: 25px;
    }

    #footer-core .widget-area.last {
        border-bottom: none;
    }

    #footer-core .widget-area .widget:last-child {
        margin-bottom: 40px;
    }
}



/* -------- search -------- */

.blog .searchform,
.single-post .searchform,
.search .searchform {
    margin-bottom: 55px;
}

.blog input[type=text], .single-post input[type=text], .search input[type=text] {
    border: 1px solid #a80532;
    padding: 12px 18px;
    color: #a80532;
    font-size: 25px;
    text-transform: uppercase;
    width: 450px;
}

@media (max-width: 568px) {
    .blog input[type=text], .single-post input[type=text], .search input[type=text] {
        width: 100%;
    }
}    

.blog input.searchsubmit, .single-post input.searchsubmit, .search input.searchsubmit {
    display: none;
}

.search-no-results #main > form {
    display: none;
}


/* -------- pagination -------- */

.pag {
    text-align: left;
}

.pag li {
    font-size: 20px;
    margin-right: 8px;
}

.pag li a, .pag li span {
    padding: 1px 13px;
}

.pag li.current span {
    background: #a80532;
    border-color: #a80532;    
}

.pag li a:hover {
    color: #a80532;
    border-color: #a80532;
}


/* -------- video player -------- */

.mejs-container .mejs-controls {
	display: none !important;
	visibility: hidden !important;
}

.mejs-overlay-button {
    display: none;
}

.mejs-container {
	background: #CC153E !important;
	background: -moz-linear-gradient(left,  #b6063c 0%, #e41241 12%, #fe133b 100%) !important;
	background: -webkit-linear-gradient(left,  #b6063c 0%,#e41241 12%,#fe133b 100%) !important;
	background: linear-gradient(to right,  #b6063c 0%,#e41241 12%,#fe133b 100%) !important;
}

.home .sow-video-widget {
	max-height: 550px;
}

/* -------- other -------- */

.textwidget span strong {
    font-size: 18px;
}

.bio {
    padding-left: 184px;
}

@media (max-width: 768px) {
    .bio {
        padding-left: 50px;
    }
}

.list-row ul {
    float: left;
}

.featured-img {
    margin-bottom: 30px;
}

.page-id-46 #intro.option1, .page-id-62 #intro.option1, .blog #intro.option1 {
    display: none;
}

.page-id-62 h2 {
    color: #a80532;
    font-size: 26px;
    font-weight: bold;
}

.themebutton, .nav-next a, .nav-previous a, .themebutton, button, html input[type="button"], input[type="reset"], input[type="submit"] {
    background: #a80532;
}

.blog-article {
    margin-bottom: 55px;
    padding: 0;
    border: none;
}

#nav-below {
    margin: 70px 0;
}

.synved-social-container {
    margin-top: 70px;
    display: block;
}

.sow-contact-form-success {
	font-style: italic;
    font-weight: bold;
}