/*
Theme Name: ReConstruction Child
Theme URI: http://reconstruction.bold-themes.com
Description: Child Theme for cell-crete.com
Author: Lentini Design and Marketing [LDM]
Author URI: http://lentinidesign.com
Template: reconstruction
Version: 1.0.0
Tags: K one-column, right-sidebar, fluid-layout, responsive-layout, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: bt_theme_child
*/
/* =Theme customization starts here
-------------------------------------------------------------- */
/* Colors * /
top social header * main footer widget area
1b6697
bottom colophon footer: 323485
HR: 1b6697
main footer HR: 323485
"Accent Color: 1b6697
Dark skin specific
.dark { color: #fff; background-color: #323485; }
Portfolio page background-color: #f9f8f7
*/
X.hr {border: solid #1b6697; } /* should do Dark and Light versions of HRs */
/* Regular pages - not "skin" specific */
header h1 , header h2 , header h3 { xcolor:#323485; }
h1, h2, h3 { color:#323485; }
p.boldSuperTitle {color:#1b6697;}
x.p.boldSubTitle {color:#1b6697; font-weight:bold}
.btSlidePane header span { color: white; }/** Sliders - Text should always be white */
/* Dark & Light skin specific */
.dark { background-color: #323485; color: white; }
.light {background-color: #1b6697; color: white; }
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 { color:white; }
.light h1,.light h2,.light h3,.light h4,.light h5,.light h6 { color:white; }
.light * {/* color: white; */}
.light .rowItemContent { background-color: transparent !important;} /* override el inline style grey */
.light .btCatFilter span {color: white;}
.light .psCats ul li a:hover, .light .psCats ul li a.active, .light .btCatFilter span.active, .light .btCatFilter span:hover {
color: #323485;
color:rgba(255,255,255,0.6);
/* font-weight:bold; */
/* font-size:larger; */
}
.light .psCats ul li a:after, .light .btCatFilter span:after {
background-color: #323485;
}
x.btBox h4 span {
box-shadow: 0 -4px 0 0 #323485 inset;
}
/** All Other Headings: Skin 'inherit' - "Normal" - not Light or Dark * /
section:not(.dark):not(.light) header { color:#323485; }
section:not(.dark):not(.light) header h3 { color:#323485; } /* theme uses "acce nt" color for H3 * /
section:not(.dark):not(.light) header p { color:#333; }
section:not(.dark):not(.light) header p.boldSuperTitle {color:#1b6697;}
section:not(.dark):not(.light) header p.boldSubTitle {color:#1b6697; font-weight:bold} */
/** Next/Previous buttons - Post, Porfolio, Archive Bottom Nav */
.neighboringArticles {
}
.nbsItem .nbsDir {color: #1b6697;font-weight:bold;}
.nbsItem .nbsTitle {color: #323485;}
.neighboringArticles h4.nbs.nsPrev a:before, .neighboringArticles h4.nbs.nsNext a:after {
background-color: #1b6697;
color: white;
font-weight:bold;
}
.neighboringArticles h4.nbs.nsPrev a:hover:before, .neighboringArticles h4.nbs.nsNext a:hover:after {
background-color: #323485;
}
/** Varius content widgets */
/* Portfolio grid - Items */
/* @todo: these should be for .dark and .light skins only... ? */
.btShowTitle strong { color:#323485; } /* Portfolio grid Porject Title */
.btShowTitleCaptionTxt span {display:none;} /* Portfolio grid Porject Categories */
.bpgPhoto:hover .btShowTitle strong {color:white; }
.light .bpgPhoto:hover .btShowTitle { background-color: #323485; }
/**-----------------------------------------------------------
* Fonts & Typography
*--------------------------------------------------------------
*/
/*
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,500i,700,800');
(default)
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
*/
body {
font-family: Raleway, sans-serif;
font-weight: 500;
font-size:16px;
}
.widget_bt_our_office .ico.office a span {
font-family: Raleway, sans-serif;
}
.boldPhotoBox blockquote, .wBoldLink {
font-family: Raleway, sans-serif;
}
section header span { font-weight:500; }
section header.small span { font-weight:bold; }
section header.medium span { font-weight:500; }
section header.big span { font-weight:bold; }
/**-----------------------------------------------------------
* Header
*------------------------------------------------------------
*/
/** Main Logo & Menu -- Make logo large and re-center menu vertically */
img.btMainLogo {
height: 60px!important;
}
.menuHolder .menuPort {
margin-top: 5px;
}
.menuHolder.gutter .port {
padding:10px 0;
}
@media (max-width: 1200px){ /* mobile menu icon */
.menuTrigger { margin-top: 30px; }
}
@media (max-width: 450px){
img.btMainLogo {
height: auto;
max-width: 80%;
}
.menuTrigger { margin-top: 20px; }
}
/** @todo - ajust verticals for "sticky header" if used */
/** top header & social icons */
.topBar {
background-color: #1b6697;
}
/*.mainHeader .topTools */
.ico.accent a:before, /*#btSearchIcon */
.ico a:before, .iconsToggler /* othert icons */
{
color: white;
border: 1px solid white;
-webkit-box-shadow: 0 0 0 0 white inset;
box-shadow: 0 0 0 0 white inset;
}
.topTools .shown
.iconsPane { background-color:#1b6697; }
/**-----------------------------------------------------------
* Content Area
*------------------------------------------------------------
*/
.single-portfolio {background-color: #f9f8f7;}
.single-portfolio .contentWrap:before {
x-background-image:none;
background-image: -webkit-linear-gradient(top,#eaeaea,#f9f8f7);
background-image: -moz-linear-gradient(top,#eaeaea,#f9f8f7);
background-image: linear-gradient(top,#eaeaea,#f9f8f7);
background-image: linear-gradient(to bottom,#eaeaea,#f9f8f7);
}
.single-portfolio .boldArticleHeader {}
.single-portfolio .boldArticleHeader .socialRow { border:none;}
.single-portfolio .boldArticleHeader .topDash .dash { border:none;}
.single-portfolio .boldArticleHeader header {padding-bottom: 40px;}
.single-portfolio .portfolioBody .header.small h3 { font-size: 16px; margin-bottom:0; }
.single-portfolio .portfolioBody .header.small p.boldSuperTitle { color:#1b6697; font-weight:900; }
.single-portfolio .portfolioBody .header.small p.boldSubTitle { color:#1b6697; font-weight:bold;}
.single-portfolio .portfolioBody .btText {color:#1b6697; }
/* */
/** Homepage Hero Slider (all sliders actually) */
/** Slider w/ "Dash" - don;t need H2,H3 */
.btSlidePane .bottomDash h3, .btSlidePane .bottomDash h2 {
border-bottom: none;
}
/** Varius content widgets */
/** slider arrows - change them back to parent theme defaults (plugin bold-page-builder changed the slider font char to nothing)*/
button.slick-arrow.slick-next:before { content: "\e64f"; }
button.slick-arrow.slick-prev:before { content: '\e64e'; }
/** images - Reverse mouseover effect (clientList logos, ...) */
.bclItem .bclItemChild {
opacity: 1;
filter: alpha(opacity=100);
}
.bclItem:hover .bclItemChild {
opacity: 0.5;
filter: alpha(opacity=70);
}
/**-----------------------------------------------------------
* FOOTER Areas
*------------------------------------------------------------
*/
.boldSiteFooterWidgets .port:before {
background-color: #1b6697;
}
/** Footer widget Area */
.boldSiteFooterWidgets
.btBox h4 {
border: none;
color:white;
}
.boldSiteFooterWidgets
.btBox h4 span {
box-shadow: 0 -4px 0 0 #323485 inset;
}
.boldSiteFooterWidgets,
.boldSiteFooterWidgets a {
background-color: #1b6697;
color:white;
}
.boldSiteFooterWidgets h4 a:hover { color:white; }
/** Footer Colophon (bottom footer) */
.boldSiteFooter {background-color: #323485; border:none; }
/** Footer Colophon Menu */
.btFooterMenu {
float: none;
}
.boldSiteFooter { padding:10px 0 20px; }
/*.btFooterMenu ul li {border:none; padding:10px 0 20px; }*/
.btFooterMenu ul li {border:none;/* padding:5px; */float:none;display:inline-block;}
.btFooterMenu ul li a {
border-left: 1px solid white;
padding: 0px 10px;
}
.btFooterMenu ul li:first-child a {
border-left:none;
}
@media (max-width: 510px) {
.btFooterMenu ul li a {border-left:none; padding-left:0;}
}
.btFooterMenu ul li a:hover {
color: white;
text-decoration: underline;
}
/**-----------------------------------------------------------
* MISC K
*------------------------------------------------------------
*/
.ldm_link_diabled {
pointer-events: none;
}
@media (max-width: 480px){
.single-post .boldArticle .boldArticleBody {
padding: 30px;
}}
/** 2021-04-30
* Add this JS Code to Theme Customizer - Custom JS (Bottom)
*/
/*
jQuery(window).load(function($){
// [LDM] Show header social icons on small screens
$ = jQuery;
enquire.register('screen and (max-width:1200px)',{
match: function(){
//window.bt_set_mobile();
$('.iconsPane .ico').unwrap();
$('.iconsToggler').unbind('click').remove();
$('.socPack .ico').unwrap();
},
unmatch: function() {}
});
});
*/