/* Theme Name: Bold News Child Theme URI: http://bold-news.bold-themes.com Description: Bold News Child Theme Author: BIRN Template: bold-news Version: 1.0.0 License: GNU General Public License version 3.0 & Envato Regular/Extended License License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses Tags: one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready Text Domain: bold-news-child */ html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /* Remover */ .popularPosts .ppTxt .btSuperTitle:before, .btBox ul li a:before, .btCustomMenu ul li a:before, .btTopBox ul li a:before, .home .btPageHeadline, .btArticleAuthor img, .archive .btPageHeadline .btSuperTitle, .btNoSidebar .btArticle .btRegularMediaPosition, .single-post .category-podcast .btRegularMediaPosition, .archive .btPageHeadline .btSuperTitle, .search .btPageHeadline .btSuperTitle {display:none !important;} /* Layout */ body {min-width:320px;} @media screen and (min-width: 1165px) { .btWithSidebar .btContentHolder .btSidebar {width: 30%;} .btWithSidebar .btContentHolder .btContent {width: 70%;} } @media screen and (max-width: 1023px) { .btContentHolder .btSidebar {width: 35%;} .btWithSidebar .btContentHolder .btContent {width: 65%;} } @media screen and (max-width: 768px){ .btWithSidebar .btContentHolder .btSidebar {width: 100%;} .btWithSidebar .btContentHolder .btContent {width: 100%;} section.hero {position:relative;} section.hero:before {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(90deg, rgba(27,158,179,.65) 40%, rgba(27,158,179,0) 100%); display: block;} .hero h1 {max-width: 500px !important;} .boldSection.gutter .boldClientList.btNextToSlidesArrow .nbs a {background: rgba(0,0,0,.1) !important; } .btCarouselSmallNav .nbs {margin-top: -50px !important;} } /* Menus */ .menuPort nav ul li.on > a {background:transparent !important;} #menu-mainmenu > li > a {font-weight:700;} #menu-mainmenu a {text-transform:uppercase !important; color:#01304A !important;} #menu-mainmenu a:hover {color: #60b6c6 !important;} #menu-mainmenu .sub-menu a {font-weight:600;} .menuPort #menu-mainmenu .sub-menu {top:55px !important;} .btMenuHorizontal nav span.bt_mega_menu_title:after, .btMenuHorizontal nav .menu-item-has-children > a:after {content: ""; border: solid black; border-width: 0 1px 1px 0; display: inline-block; margin: 0 0 3px 7px; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg);} .btMenuHorizontal.btMenuRight .menuPort > nav > ul > li:last-child ul {text-align: left; right: unset; left: unset;} body.btMenuHorizontal .menuPort > nav > ul > li {margin:0;} .btMenuHorizontal .menuPort nav {padding-left: 0;} .btMenuHorizontal.btMenuRight .menuPort > nav > ul > li:last-child ul li > a:hover {padding-left: 1.538em; padding-right: 1.5538em;} .btMenuVertical > .menuPort nav ul li > a {padding-top: 10px; padding-bottom: 10px;} /* Header */ .gutter .port {max-width: 1200px;} .menuPort {font-size: 17px;} .btMenuHorizontal .topBarInMenu .widget_search {float:right; margin-left: 15px;} html .btMenuVertical .logo .btMainLogo {display:none !important;} html .btMenuVertical .logo .btAltLogo {display:block !important;} .btLogoArea .logo {padding:20px 0;} .btMenuHorizontal:not(.btMenuBelowLogo) .menuPort nav {margin-top:20px; margin-bottom:20px;} .btMenuHorizontal .menuPort nav > ul > li.current-menu-item > a, .btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor > a{/*upisati boju*/} .btMenuHorizontal .menuPort nav ul li.current-menu-item > a, .btMenuHorizontal .menuPort nav ul li.current-menu-ancestor > a {font-weight:600;} .btMenuHorizontal.btStickyHeaderActive .menuPort nav ul li.current-menu-item a {color:inherit} .btMenuHorizontal.btStickyHeaderActive .menuPort nav > ul > li.current-menu-ancestor > a{color:inherit;} .btMenuHorizontal.btStickyHeaderActive .mainHeader {box-shadow:0 0 20px rgba(0,0,0,.15);} .topBarInMenuCell .btIconWidget {margin:0 3px;} .topBarInMenuCell .btIconWidget .btIcoHolder:before {-webkit-box-shadow: none !important; box-shadow: none !important; font-size: 16px !important; border: 2px solid #1b9eb3 !important; width: 32px !important; height: 32px !important; line-height: 1.85 !important;} a.btIconWidget.btAccentIconWidget:hover .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before { color: #1b9eb3 !important;} .topBarInMenuCell a.btIconWidget:nth-of-type(2) .btIcoHolder:before {border-color: #00acee !important; color:#00acee !important;} .topBarInMenuCell a.btIconWidget:nth-of-type(3) .btIcoHolder:before {border-color: red !important; color:red !important;} .btStickyHeaderActive .btLogoArea .logo .btMainLogo {display:none;} .btStickyHeaderActive .btLogoArea .logo .btAltLogo {display:block !important;} body.btMenuHorizontal.btStickyHeaderActive.btLightSkin:not(.btAccentDarkHeader) .mainHeader {background:#fff;} body.btMenuHorizontal.btStickyHeaderActive.btLightSkin:not(.btAccentDarkHeader) .menuPort #menu-mainmenu .sub-menu {top:39px !important;} /* BT Single post templates custom */ .btSinglePostTemplate.topImagePosition .btSinglePostContent a, .btSinglePostTemplate.leftImagePosition .btSinglePostContent a, .btSinglePostTemplate.no-imageImagePosition .btSinglePostContent a {color:#01304A} .btSinglePostTemplate.leftImagePosition .btSinglePostContent a, .btSinglePostTemplate.no-imageImagePosition .btSinglePostContent a {font-weight:normal;} .leftImageBigger .smallTemplate.leftImagePosition {padding-left: 155px; } .leftImageBigger .smallTemplate.leftImagePosition .btPostImageHolder{width: 140px; height: 90px; margin-left: -155px;} /* Slider buttons */ .btDarkSkin .nbs a:after, .btLightSkin .btDarkSkin .nbs a:after, .btDarkSkin.btLightSkin .btDarkSkin .nbs a:after {background: #fff;border: 0;opacity: 1;} .btDarkSkin .nbs a:before, .btLightSkin .btDarkSkin .nbs a:before, .btDarkSkin.btLightSkin .btDarkSkin .nbs a:before {color: #181818;} .btBtn {font-weight:600;} .btSimpleArrows .nbs a:before {font-weight:bold;} /* Sidebar */ .btLightSkin .btBox, .btDarkSkin .btLightSkin .btBox, .btLightSkin .btDarkSkin .btLightSkin .btBox {border:0; -webkit-box-shadow:unset; box-shadow: unset; background:unset; padding:0;} .btSidebar .headline {font-weight:normal;} .btSidebar > .btBox {margin-bottom:4em;} .btSidebar > .btBox {padding: 0; border: 0; box-shadow: none !important; -webkit-box-shadow: none !important;} .btSidebar > .btBox > h4 {font-size:20px;} .btBox .ppImage, .btCustomMenu .ppImage, .btTopBox .ppImage {width: 120px;} .btSidebar .wpp-thumbnail {margin-right: 10px;} .btBox header.small h1, .btBox header.small h2, .btBox header.small h3, .btBox header.small h4, .btBox header.small h5, .btBox header.small h6, .btBox header.small h7, .btBox header.small h8, .btCustomMenu header.small h1, .btCustomMenu header.small h2, .btCustomMenu header.small h3, .btCustomMenu header.small h4, .btCustomMenu header.small h5, .btCustomMenu header.small h6, .btCustomMenu header.small h7, .btCustomMenu header.small h8, .btTopBox header.small h1, .btTopBox header.small h2, .btTopBox header.small h3, .btTopBox header.small h4, .btTopBox header.small h5, .btTopBox header.small h6, .btTopBox header.small h7, .btTopBox header.small h8, .mostReadHome .wpp-list li a, .btSidebar .btBox.popular-posts .wpp-list li a {font-size:16px;} /* Latest posts */ .verticalPosts.btLatestPostsContainer .btSingleLatestPostImage .bpbItem {height: 180px;} .verticalPosts.btLatestPostsContainer .header .btSuperTitle span .btArticleCategories {display:block;} .verticalPosts.btLatestPostsContainer .btSingleLatestPostContent {padding-top:0; padding-bottom:0; padding-left:30px;} /* Posts */ .btBreadCrumbs {opacity: 1;} .post .bt_bb_wrapper p, .btText p {margin-bottom:20px;} .btArticleDate:before {display:none;} .btLightSkin .btArticle .port {border-color: transparent; padding: 8px !important;} .btLightSkin .btArticleMeta {border-color: transparent; margin-bottom: .25em;} figcaption.wp-caption-text {text-align: center; font-size: 12px; bottom: 0; width: 100%; line-height: 1.2; color:#666; margin: -5px 0 20px;} figcaption.wp-caption-text {margin-top:0;} .btContentHolder blockquote:before {content: '"'; font-style: italic; color: #60b6c6; opacity: 1;} .btTags:before {content: "TAGOVI:"; font-size: 14px; line-height: 1; display: block; font-weight: bold; margin-bottom: 8px; color: #E13526 !important; } .boldRow.boldShare .btTags a {border-radius:100px; background:#015477; color:#fff;} .boldShare {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;} .boldShare .rowItem {padding:0;} .boldRow.boldShare {border:0;} .boldRow.boldShare .btTags a {border-radius:100px; background:#015477; color:#fff; text-transform:unset;} .boldRow.boldShare .rowItem {width:100%;} .btTags:after {content: ""; display: block; position: absolute; height: 1px; width: 100%; background: rgba(0,0,0,.1); top: -22px;} .btTags:before {content: "TAGOVI:"; line-height: 1; margin-bottom: 8px; } .btRelatedPosts h3:after {content: "SRODNE PRIÄŒE:"; line-height: 2; margin-bottom: 5px;} .btTags:before, .btRelatedPosts h3:after {font-size: 16px; display: block; font-weight: 800; color: #E13526 !important;} .btRelatedPosts h3 {font-size: 0; line-height: 0; margin-top: 15px;} .btRelatedPosts:before {margin: 0;} .header.extralarge h1, .single-post .btPageHeadline.wBackground > .port header h1 {font-size: 2.7em; line-height:1.18;} .btArticleDate, .btSidebar .btSuperTitle span {font-size:11px !important;} /* Rich post */ .boldSection.wBackground.btSolidDarkBackground:before {background: rgba(0,0,0,.1);} .btNoSidebar.single-post .btPageHeadline.wBackground > .port, .btNoSidebar.btLightSkin.btContentOverHeadline.single-post.btStandardHeadline .btContent .btArticle {max-width:860px;} .btNoSidebar.btLightSkin.btContentOverHeadline.single-post.btStandardHeadline .btContent .btArticle {border-radius: 2px; padding:20px;} .btNoSidebar .btArticle .btArticleMeta, .btNoSidebar .btArticle .btArticleExcerpt {text-align:center;} .btNoSidebar .btArticle .btArticleExcerpt {padding-bottom: 20px; border-bottom: 1px solid #ddd;} .btNoSidebar.single-post section.btPageHeadline .header .headline, .btNoSidebar.single-post section.btPageHeadline .header .dash {text-align:center; } .btNoSidebar.single-post section.btPageHeadline .header {margin: auto; display: block; text-align: center;} .single-post .btPageHeadline {background-position: top !important; background-attachment: scroll !important;} .single-post .btArticleBody hr {border:0; height:1px; background: #ddd; margin:30px 0;} .backgroundImagePosition.smallTemplate.btSinglePostTemplate, .topImagePosition.smallTemplate.btSinglePostTemplate {min-height: 180px;} /*related*/ .single-post.btNoSidebar .btArticle, .single-post.btNoSidebar .btArticle > .port {max-width: 100%; border:0; padding:0 !important;} .single-post.btNoSidebar .btArticle .btArticleMeta {text-align:center; padding: 30px 0 15px;} .single-post.btNoSidebar .btArticle .btArticleMeta .header > .btSubTitle {margin:0;} @media screen and (min-width: 768px) { .single-post.btNoSidebar .btArticleContent {padding-left:30px; padding-right:30px;} .single-post.btNoSidebar .boldRow.boldShare {padding-left:45px; padding-right:30px;} .revereseColumns > .boldRowInner {-webkit-flex-direction: row-reverse; flex-direction: row-reverse;} .page-id-45 h5:after {content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."; color: #1b9eb3; position:absolute; font-weight: normal;} .page-id-45 h5 span {float: right; background: #fff; position: relative; z-index: 2; padding: 0 4px;} } /* Single post no content border, needs to remove side info in customize */ .single-post.btWithSidebar .btArticle .port {padding: 0!important; margin:0;} .btLightSkin .btArticle .port, .btDarkSkin .btLightSkin .btArticle .port, .btLightSkin .btDarkSkin .btLightSkin .btArticle .port {border-color:transparent;} /*Narrower columns - only single posts with sidebar */ @media screen and (min-width: 1165px) { .single-post .gutter .port {max-width: 1176px;} .single-post.btWithSidebar .btContentHolder {max-width:1206px;} .single-post.btWithSidebar .btContentHolder .btContent {width:70%;} .single-post.btWithSidebar .btContentHolder .btSidebar {width:30%;} } /* Sans serif fonts */ .btSidebar > .btBox > h4, .sub-menu a, .footerHeader *, .btLatestPostsNav *, .btTags:before, .boldRow.boldShare .btTags a, .wpcf7 *, .archive .btPageHeadline span.headline {font-family: "Poppins", sans-serif !important} /* Single post templates */ .btArticleCategories a {margin: 0 4px 0 0; padding: 5px 4px 4px; margin-bottom: 4px; line-height: 1; font-size: 10px; font-family: 'Roboto Condensed', sans-serif; transition:unset; -webkit-transition:unset;} .btArticleCategories a:hover {background: #60b6c6; opacity:1;} .btSinglePostTemplate .btPostImageHolder .btSinglePostTopMetaData .btArticleCategories {margin-right:0;} /* Kontakt */ .wpcf7-form input:not(.wpcf7-submit) {font-size:16px;} .wpcf7-form p {margin-bottom:30px;} .wpcf7-form label {font-weight: 500;} .wpcf7-form textarea {font-size:16px;} .btLightSkin div.wpcf7-response-output {padding: 10px; font-weight: 600;} .btLightSkin .wpcf7-not-valid {border: 2px solid red; background: #ffecec; color: red;} .btLightSkin .wpcf7-mail-sent-ok {border: 2px solid #398f14; background: #f3fded; color: #398f14;} .btLightSkin div.wpcf7 .ajax-loader {margin: 9px;} .wpcf7-spinner {display: inline-block; vertical-align: middle;} span.req_f, .wpcf7-not-valid-tip {font-size: 13px; display: block;} .wpcf7-response-output {border-left-width:10px !important;} /* Archives */ .archive .btPageHeadline {padding: 20px 0 !important; background: transparent; text-align:center;} /* Site custom */ .btWithSidebar .btContentHolder {max-width: 1230px; padding-top: 50px;} .hero .btBtn:first-of-type {margin-bottom:20px;} .home section.hero {background-color: #fff !important;} .touch body.btMenuVertical.btStickyHeaderActive.btStickyHeaderOpen .mainHeader {box-shadow: 0 0 20px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15);} .btMenuVertical.btLightSkin .menuPort {-webkit-box-shadow: unset; box-shadow: unset;} .btMenuVerticalOn.btLightSkin .menuPort {-webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,.1); box-shadow: 0 0 50px 0 rgba(0,0,0,.1);} .menuPort nav > ul > li > a, .menuPort nav > ul > li > .bt_mega_menu_title {padding: 0 1.6vw;} .hero h1 {font-size: 2em; font-weight: 400; line-height: 1.5; max-width: 600px;} .btContentHolder .alignnone {width:100px !important; border-radius:200px;} /* Recenzije */ .btMenuHorizontal .topBarInMenu {height: 88px; margin-left:10px;} .footer .btIco {margin: 0 10px;} .btBox ul li:after, .btCustomMenu ul li:after, .btTopBox ul li:after {content: unset;} .crissCrossRows .bpgPhoto .boldPhotoBox img {transition: all ease .3s !important;} .crissCrossRows .boldRowInner:hover img {transform: scale(1.03) !important;} .footer .flogo img {width:70px; filter:brightness(0) invert(1) !important;} .footer ul.menu li {display:inline-block;} .footer.bottom .rowItemContent {display:flex; align-items:center; justify-content:space-between;} .footer.bottom .rowItemContent:after {content:unset;} .footer.bottom .rowItemContent .btIco {margin:0;} .footer.top {background-color: rgba(27,158,179,0.075);} section.wBackground > .port .btSuperTitle {display:none;} .page-id-47 .boldSection.btBackgroundOverlay:not(.btSectionTransitions) {position: relative; background-position: 65% top !important; background-attachment: scroll;} .page-id-45 h5 {position:relative; overflow:hidden; padding:0 !important; margin:20px 0 !important;} .page-id-45 h5 span {color: #1b9eb3 !important; display:block; font-weight: 500;} .oci {text-align: center; background-color: rgba(27,158,179,0.075); border-radius: 10px; padding: 10px; margin: 0 0 30px 0;} .oci a {display:block;} .oci a h5 {color:#1b9eb3 !important; font-size:1.3em;} .oci a:hover h5 {text-decoration:underline;} .oci img {max-width: 120px; transition: all ease .2s;} .oci a:hover img {transform:scale(1.15);} .formCell form.wpcf7-form p {margin-bottom:12px;} .formCell form.wpcf7-form textarea {height:160px;} .formCell form.wpcf7-form input:not(.wpcf7-submit) {height:2.5em} .formCell input.wpcf7-form-control:not(.has-spinner), .formCell textarea {border-radius:4px !important;} .parent-pageid-51 section.wBackground, .page-id-45 section.wBackground {background:#1b9eb3 !important;} .wpcf7 form .wpcf7-response-output {margin: 2em 0 1em;} .btDoublePadding.boldClientList .bclItem .bclItemChild .bclItemChildContent, .btDoublePadding.boldClientRegularList .bclItem .bclItemChild .bclItemChildContent {padding-top: 0;} .recenzije small {font-size: 13px; font-weight: bold;} @media screen and (max-width: 991px) { .contactRight {display:none;} } @media screen and (min-width: 1165px) { .btWithSidebar .btContentHolder .btSidebar { width: 35%; } .btWithSidebar .btContentHolder .btContent { width: 65%; } } /* Footer */ .footer .rowItemContent > .btCustomMenu {margin-left:10px; } .footer .rowItemContent > .btCustomMenu li {border:0 !important; margin:0 10px; padding:0;} .footer .rowItemContent > .btCustomMenu li a, .footer .rowItemContent > .btText a {color: inherit !important;} @media screen and (min-width: 991px) { .smallTemplate.btSinglePostTemplate h1, .smallTemplate.btSinglePostTemplate h2, .smallTemplate.btSinglePostTemplate h3, .smallTemplate.btSinglePostTemplate h4, .smallTemplate.btSinglePostTemplate h5, .smallTemplate.btSinglePostTemplate h6, .smallTemplate.btSinglePostTemplate h7, .smallTemplate.btSinglePostTemplate h8 {font-size: 14px;} } /* OVERRIDES */ /* Latest post u gridu */ .makeItGrid.horizontalPosts.btLatestPostsContainer {justify-content: space-between; display: -ms-flexbox; display: -webkit-flex; display: flex;} .makeItGrid.horizontalPosts.btLatestPostsContainer .btSingleLatestPost {width: 23.5%; margin: 0;} .makeItGrid.horizontalPosts.btLatestPostsContainer .btSingleLatestPost .btSingleLatestPostContent {padding: 20px 0; border: 0;} .makeItGrid.horizontalPosts.btLatestPostsContainer .btSingleLatestPost .btSingleLatestPostContent p.btLatestPostContent {-webkit-line-clamp: 3; max-height: 5em; font-size:13px; color:#555;} .btDarkSkin .makeItGrid.horizontalPosts.btLatestPostsContainer .btSingleLatestPost .btSingleLatestPostContent p.btLatestPostContent {color:#aaa;} @media screen and (max-width: 768px) { .makeItGrid.horizontalPosts.btLatestPostsContainer .btSingleLatestPost {width: 48.5%;} } @media screen and (max-width: 768px) { .makeItGrid.horizontalPosts.btLatestPostsContainer {margin:0;} .makeItGrid.horizontalPosts.btLatestPostsContainer .btSingleLatestPost {width: 100%; padding:0;} } /* Custom and main menu */ .btBox ul, .btCustomMenu ul, .btTopBox ul {font-size:unset;} .btMenuHorizontal .menuPort ul ul li > a:hover:before, .btMenuHorizontal .menuPort ul ul li.current-menu-item > a:before, .btCustomMenu ul li a:before, .footer .sub-menu {display:none;} /*animated menu item line*/ .btMenuHorizontal .menuPort ul ul li > a:hover {padding-left:1.538em;padding-right: 1.5538em;} .btBox ul li a:hover, .btCustomMenu ul li a:hover, .btTopBox ul li a:hover {padding-left: 0;} /* Reverse columns */ .columnCustomPadding > .rowItemContent {padding: 0 30px;} @media screen and (min-width:769px) { .revereseColumns > .boldRowInner {-webkit-flex-direction: row-reverse; flex-direction: row-reverse;} } /*Override Latest posts */ .btZoomInHoverType:hover .boldPhotoBox .btImage {-webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} .verticalPosts.btLatestPostsContainer .btSingleLatestPostImage {-webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%;} .verticalPosts.btLatestPostsContainer .btSingleLatestPostContent {-webkit-flex: 0 0 70%;-ms-flex: 0 0 70%;flex: 0 0 70%;} .verticalPosts.btLatestPostsContainer .btSingleLatestPost {margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #ddd;} @media screen and (max-width: 480px) { .btLatestPostsContainer.verticalPosts .btSingleLatestPostImage, .btLatestPostsContainer.verticalPosts .btSingleLatestPostContent {-webkit-flex: 0 0 100%; ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0;} .btLatestPostsContainer.verticalPosts .btTextCenter .bpgPhoto .btImage {display: block;} .btLatestPostsContainer.verticalPosts .btSingleLatestPostImage {margin-bottom:10px;} } /*Override image hover and caption pane*/ .bpgPhoto img {-webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; -webkit-transition: unset !important; -moz-transition: unset !important; transition: unset !important; -webkit-filter: unset !important; filter: unset !important;} .bpgPhoto .captionPane:after {opacity:.25} .bpgPhoto .captionPane {display:none;} .showCaption .bpgPhoto .captionPane {display:block;} .showCaption .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .header h4 {font-size:1em;} .showCaption .bpgPhoto .captionPane:after {opacity: .45;} .bpgPhoto .captionPane .captionTable .captionCell .captionTxt:before {display:none !important;} .showCaptionPane.bpgPhoto .captionPane {display:block; opacity:1; animation: unset !important;} /*show caption pane, hide on hover*/ .showCaptionPane.bpgPhoto .captionPane .captionTable .captionCell .captionTxt, .showCaptionPane.bpgPhoto .captionPane .captionTable .captionCell {opacity:1; animation: unset !important; } .showCaptionPane.bpgPhoto:hover .captionPane {opacity:0;} .touch .showCaptionPane .captionPane {display: block !important;} /*enable photo caption on touch devices*/ /* Override single post template */ .btSinglePostTemplate .btSinglePostTopMetaData {padding: 0 20px !important; top: 20px !important;} .actSimplePostTemplate {min-height:auto !important; border:0 !important; background:transparent !important; position:relative;} .actSimplePostTemplate .btSinglePostImage {height:auto !important;} .actSimplePostTemplate .btSinglePostContent {margin-left:-20px !important;} .actSimplePostTemplate .btSinglePostImage {margin-bottom:7px !important;} .actSimplePostTemplate .btSinglePostImage > a {display:block !important; line-height:0 !important;} .actSimplePostTemplate .btSinglePostContent .btSinglePostExcerpt {margin-top:5px !important;} .actSimplePostTemplate.topImagePosition .btSinglePostTopMetaData {top:20px;} .defaultTemplate.btSinglePostTemplate, .largeTemplate.btSinglePostTemplate, .backgroundImagePosition.smallTemplate.btSinglePostTemplate, .topImagePosition.smallTemplate.btSinglePostTemplate {padding: 30px 20px 15px 20px !important;} /*padding*/ .actSimplePostTemplate.defaultTemplate {padding-top:0 !important; padding-bottom:0 !important;} .btSinglePostTemplate .btSinglePostContent h1, .btSinglePostTemplate .btSinglePostContent h2, .btSinglePostTemplate .btSinglePostContent h3, .btSinglePostTemplate .btSinglePostContent h4, .btSinglePostTemplate .btSinglePostContent h5, .btSinglePostTemplate .btSinglePostContent h6 {min-height:auto !important; max-height:100em !important; -webkit-line-clamp: unset !important; line-height: 1.25 !important; overflow: visible;} .btSinglePostTemplate .btSinglePostContent h1 a, .btSinglePostTemplate .btSinglePostContent h2 a, .btSinglePostTemplate .btSinglePostContent h3 a, .btSinglePostTemplate .btSinglePostContent h4 a, .btSinglePostTemplate .btSinglePostContent h5 a, .btSinglePostTemplate .btSinglePostContent h6 a, .makeItGrid .headline a {color:inherit;} .btSinglePostTemplate .btSinglePostContent .btSinglePostExcerpt {max-height: unset !important; -webkit-line-clamp: unset !important; margin-top: 15px !important;} .btSinglePostTemplate .btSinglePostContent .btSinglePostExcerpt, .btSinglePostTemplate .btSinglePostContent h1, .btSinglePostTemplate .btSinglePostContent h2, .btSinglePostTemplate .btSinglePostContent h3, .btSinglePostTemplate .btSinglePostContent h4, .btSinglePostTemplate .btSinglePostContent h5, .btSinglePostTemplate .btSinglePostContent h6, .btSinglePostTemplate .btSinglePostContent h7, .btSinglePostTemplate .btSinglePostContent h8, .verticalPosts.btLatestPostsContainer .btLatestPostContent { -webkit-line-clamp: 100 !important; max-height: 100em !important; } .topImagePosition.btSinglePostTemplate .btSinglePostImage {position: relative !important; margin: -31px -21px 10px -21px !important; } /*margin*/ .topImagePosition.btSinglePostTemplate .btSinglePostImage:before, .leftImagePosition.btSinglePostTemplate .btPostImageHolder .btSinglePostLeftImage:before, .rightImagePosition.btSinglePostTemplate .btPostImageHolder .btSinglePostLeftImage:before, .sideImagePosition.text-left.btSinglePostTemplate .btPostImageHolder .btSinglePostLeftImage:before, .sideImagePosition.text-right.btSinglePostTemplate .btPostImageHolder .btSinglePostLeftImage:before {background: transparent !important;} /*black overlay*/ .backgroundImagePosition.btSinglePostTemplate:hover .btSinglePostBackgroundImage, .backgroundImagePosition.smallTemplate.btSinglePostTemplate:hover .btSinglePostBackgroundImage, .topImagePosition.btSinglePostTemplate:hover .btSinglePostImage img, .leftImagePosition.btSinglePostTemplate:hover .btPostImageHolder .btSinglePostLeftImage .btSinglePostLeftContainer, .rightImagePosition.btSinglePostTemplate:hover .btPostImageHolder .btSinglePostLeftImage .btSinglePostLeftContainer, .sideImagePosition.text-left.btSinglePostTemplate:hover .btPostImageHolder .btSinglePostLeftImage .btSinglePostLeftContainer, .sideImagePosition.text-right.btSinglePostTemplate:hover .btPostImageHolder .btSinglePostLeftImage .btSinglePostLeftContainer {-webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important;} /* image hover */ .btSinglePostTemplate:hover {border-color: rgba(0,0,0,.1) !important; -webkit-box-shadow: none !important; box-shadow: none !important;} /*box shadow*/ .btSinglePostTemplate.smallTemplate .btSinglePostTopData {-webkit-order: 0 !important;-ms-flex-order: 0 !important; order: 0 !important;} .backgroundImagePosition.btSinglePostTemplate .btSinglePostBackgroundImage:after, .backgroundImagePosition.smallTemplate.btSinglePostTemplate .btSinglePostBackgroundImage:after {opacity: .75; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 75%, rgba(0,0,0,0.75) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 75%,rgba(0,0,0,0.75) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 75%,rgba(0,0,0,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 );} /*black image overlay*/ /* Unify title and exerpt size on latest post bt element & archive view */ .btLatestPostsContainer .header .dash h1, .btLatestPostsContainer .header .dash h2, .btLatestPostsContainer .header .dash h3, .btLatestPostsContainer .header .dash h4, .btLatestPostsContainer .header .dash h5, .btLatestPostsContainer .header .dash h6, .search article .header .dash h2, .archive article .header .dash h1, .archive article .header .dash h2, .archive article .header .dash h3, .archive article .header .dash h4, .archive article .header .dash h5, .archive article .header .dash h6 {font-size:1.6em !important;} /* Search form */ .btSearchInner.btFromTopBox input[type="text"] {font-size: 24px !important;} /* Override slider animations */ .slick-slider .slick-track .slick-slide .btSliderPort .btSliderCell .btSlideGutter .btSlidePane {-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} /* Override archive moveup animations */ .blog article.animate-fadein, .archive article.animate-fadein, .search article.animate-fadein {opacity:1;} .blog article.animate-moveup, .archive article.animate-moveup, .search article.animate-moveup { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } /* Archives centered title */ .archive .btContentWrap > section.boldSection.bottomSemiSpaced.btPageHeadline.gutter.topSemiSpaced, .search .btContentWrap > section.boldSection.bottomSemiSpaced.btPageHeadline.gutter.topSemiSpaced {text-align: center; background: none;} .archive .btContentWrap header.header > .dash > h1, .search .btContentWrap header.header > .dash > h1 {position:relative} .archive .btContentWrap header.header > .dash > h1 > span.headline, .search .btContentWrap header.header > .dash > h1 > span.headline {display:block;} .archive .btContentWrap header.header > .dash > h1 > span.headline:before, .archive .btContentWrap header.header > .dash > h1 > span.headline:after, .search .btContentWrap header.header > .dash > h1 > span.headline:before, .search .btContentWrap header.header > .dash > h1 > span.headline:after {content: ""; position: absolute; top: 45%; height: .4em; border-top: 1px solid rgba(0,0,0,.1); width: 200em;} .archive .btContentWrap header.header > .dash > h1 > span.headline:before, .search .btContentWrap header.header > .dash > h1 > span.headline:before {right: 100%; margin-right: .5em;} .archive .btContentWrap header.header > .dash > h1 > span.headline:after, .search .btContentWrap header.header > .dash > h1 > span.headline:after {left: 100%; margin-left: .5em;} .archive .btContentWrap header.header > .dash > h1, .search .btContentWrap header.header > .dash > h1 {line-height:1; padding:0; font-size:28px; margin:20px 0;} .archive .btContentWrap header.header > .dash > h1:after, .search .btContentWrap header.header > .dash > h1:after {content: ""; display: block; height: 8px; width: 8px; background: #60b6c6; border-radius: 10px; position: absolute; bottom: 0; right: 0; margin:0 -11px 4px;} @media screen and (min-width: 769px){ .btContentHolder blockquote.antrfile.left, .btContentHolder blockquote.antrfile.right {width:50%; margin-bottom:10px;} .btContentHolder blockquote.antrfile.left {float:left; margin-right:20px;} .btContentHolder blockquote.antrfile.right {float:right; margin-left:20px;} } @media screen and (max-width: 768px){ body {font-size: 16px;} .gutter .port {padding-left: 15px;padding-right: 15px;} .page.btWithSidebar.btSidebarLeft .btContent, .page.btWithSidebar.btSidebarRight .btContent, .archive.btWithSidebar.btSidebarLeft .btContent, .archive.btWithSidebar.btSidebarRight .btContent, .search.search-results.btWithSidebar.btSidebarLeft .btContent, .search.search-results.btWithSidebar.btSidebarRight .btContent {padding: 0;} .btWithSidebar.btSidebarLeft .btContent, .btWithSidebar.btSidebarRight .btContent {float: none; padding-left: 15px;} .single-post header.extralarge h1 {font-size: 2em !important;} .hero h1 {font-size: 1.8em;} .bottomSpaced {padding-bottom: 3em;} .topSpaced {padding-top: 3em;} .footer.bottom .rowItemContent {flex-direction: column;} .footer.bottom .rowItemContent > .btCustomMenu {margin: 15px 0 0 0; text-align: center;} .footer.bottom .rowItemContent .btIco {margin: 15px 0 0 0;; float:none;} } @media screen and (max-width:1150px) { .crissCrossRows img {visibility:hidden;} } @media screen and (max-width:457px) { .footer .rowItem.btTextCenter {text-align:left;} .footer .btIco {margin: 0 0 10px 0; display:block; } .footer .btIco a {float:none;} .footer .header {text-align: center;} .footer.top .header {display:block; margin:auto;} } /* Helpers */ .textAllWhite * {color:#fff} .hide {display: none !important;}