4242 lines
209 KiB
CSS
4242 lines
209 KiB
CSS
/*
|
|
Theme Name: Miami - Multipurpose Responsive WordPress Theme
|
|
Theme URI: http://themeforest.net/user/damojo?ref=damojo
|
|
Author: Damojo
|
|
Author URI: http://themeforest.net/user/damojo?ref=damojo
|
|
Version: 1.3
|
|
License: GNU General Public License version 3.0
|
|
License URI: http://www.gnu.org/licenses/gpl-3.0.html
|
|
Description: Miami - Multipurpose Responsive WordPress Theme is a creative orientied, very versatile and responsive WordPress theme.
|
|
|
|
All PHP code is released under the GNU General Public Licence version 3.0
|
|
All HTML/CSS/JAVASCRIPT code is released under Envatos Regular License (http://themeforest.net/licenses/regular_extended)
|
|
|
|
Tags: dark, white, black, gray, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-image-header, featured-images, theme-options
|
|
*/
|
|
/*-----------------------------------------------------------------------------------*/
|
|
/* WP CORE STYLES
|
|
/*-----------------------------------------------------------------------------------*/
|
|
|
|
.alignnone {
|
|
margin: 5px 20px 20px 0;
|
|
}
|
|
|
|
.aligncenter, div.aligncenter {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.alignright {
|
|
float:right;
|
|
margin: 5px 0 20px 20px;
|
|
}
|
|
|
|
.alignleft {
|
|
float:left;
|
|
margin: 5px 20px 20px 0;
|
|
}
|
|
|
|
a img.alignright {
|
|
float:right;
|
|
margin: 5px 0 20px 20px;
|
|
}
|
|
|
|
a img.alignnone {
|
|
margin: 5px 20px 20px 0;
|
|
}
|
|
|
|
a img.alignleft {
|
|
float:left;
|
|
margin: 5px 20px 20px 0;
|
|
}
|
|
|
|
a img.aligncenter {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.wp-caption.alignnone {
|
|
margin: 5px 20px 20px 0;
|
|
}
|
|
|
|
.wp-caption.alignleft {
|
|
margin: 5px 20px 20px 0;
|
|
}
|
|
|
|
.wp-caption.alignright {
|
|
margin: 5px 0 20px 20px;
|
|
}
|
|
|
|
#content-container img { max-width: 100% !important; }
|
|
#content-container .rowbgimage_inner img { max-width:500% !important;}
|
|
#content-container pre { white-space: normal !important; }
|
|
|
|
pre {
|
|
display: block;
|
|
padding: 40px;
|
|
margin: 0 0 10px;
|
|
font-size: 13px;
|
|
line-height: 1.42857143;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
color: #333;
|
|
background-color: #fff;
|
|
border: 0;
|
|
border-left: 10px solid #dde0e1;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.wp-caption-text {}
|
|
.bypostauthor {}
|
|
.sticky{ }
|
|
.gallery-caption{}
|
|
|
|
.post-password-form label { float: left; margin-top: 0; margin-right: 10px; }
|
|
.post-password-form input[type="submit"] { margin-top: 22px; float: left; }
|
|
|
|
table tbody tr td { padding-right: 20px; }
|
|
table { margin-bottom: 20px; }
|
|
|
|
|
|
|
|
/******************************
|
|
- BASICS -
|
|
********************************/
|
|
|
|
html { color:#3F4549; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }
|
|
body { color:#3F4549; font-weight: 400; font-family: 'Roboto', sans-serif; font-size:16px; line-height:26px; overflow-x: hidden;}
|
|
|
|
h1,h2,h3,h4,h5,h6 { color:#000; margin-top: 0; }
|
|
.light h1,.light h2,.light h3,.light h4,.light h5,.light h6 { color:#fff; }
|
|
p,a,span { }
|
|
|
|
iframe { border: none !important; }
|
|
|
|
h1 { font-size:46px; line-height:50px; font-weight:700; }
|
|
h2 { font-size:46px; line-height:50px; font-weight:700; }
|
|
h3 { font-size:36px; line-height:40px; font-weight:700; }
|
|
h4 { font-size:26px; line-height:30px; font-weight:700; }
|
|
h5 { font-size:22px; line-height:28px; font-weight:700; }
|
|
h6 { font-size:19px; line-height:25px; font-weight:700; }
|
|
|
|
h4.subline { font-weight: 700; padding-left: 30px; border-left: 10px solid #fff600; }
|
|
h4.subline div { font-weight: 100; padding-top: 20px; }
|
|
|
|
h5.subdirectory { color: #8a8f95 !important; padding-left: 20px; border-left: 10px solid #dde0e1; }
|
|
|
|
h2.itemhighlight { font-size: 19px; line-height: 25px; background-position:center left; background-size:40px 40px; background-repeat: no-repeat; padding-left: 50px; }
|
|
h2.itemhighlight.tp_rev { background-image: url(/wp-content/uploads/2015/02/small_rev.png); }
|
|
h2.itemhighlight.tp_ess { background-image: url(/wp-content/uploads/2015/02/small_ess.png); }
|
|
h2.itemhighlight.tp_mia { background-image: url(/wp-content/uploads/2015/02/small_miami.png); }
|
|
|
|
.thin { font-weight: 300; }
|
|
.thincontent { font-weight: 300; margin-bottom: 20px; font-size: 18px; line-height: 26px; }
|
|
|
|
.fatheadline { font-size:95px; line-height:95px; font-weight:700; padding-left: 35px; margin-bottom: 0px; word-break: break-word; }
|
|
.thinheadline { font-size:41px; line-height:50px; font-weight:100; margin-bottom: -10px; padding-left: 35px; }
|
|
|
|
.fatheadline.centered,
|
|
.thinheadline.centered { padding-left: 0; text-align: center; }
|
|
.thinheadline.centered { margin-bottom: 0; }
|
|
|
|
.fatheadline.white,
|
|
.thinheadline.white { color: #fff !important; }
|
|
|
|
.blockit .fatheadline,
|
|
.blockit .thinheadline { padding-left: 0; }
|
|
|
|
.mediumblockheadline{ font-size:30px; line-height:35px; font-weight:700}
|
|
|
|
.largecallout { font-size:30px;line-height:40px; }
|
|
.smallcallout { font-size:20px;line-height:30px; }
|
|
|
|
.floatleft { float:left}
|
|
.floatright { float:right}
|
|
.clearfix { float:none; clear:both}
|
|
|
|
a { color: #e03301; outline: none; text-decoration: none; }
|
|
a:focus, a:active { outline: 0; text-decoration: none; color: #000; }
|
|
a:hover { text-decoration: none !important; color: #000; }
|
|
|
|
.ess_img_preview img { width:100%; height:auto; visibility: hidden; position: relative;}
|
|
.ess_img_preview .img1,
|
|
.ess_img_preview .img2 { position: absolute; top:0px;left:0px;}
|
|
|
|
|
|
|
|
|
|
/* TOOLTIPS */
|
|
/* ------------------------------------ */
|
|
|
|
.tooltip { color: #fff; font-size: 12px; font-weight: 600; z-index: 100000; }
|
|
.tooltip-inner { background-color: #111; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
|
|
.tooltip.in { opacity: 1; filter: alpha(opacity=100); }
|
|
.tooltip.top .tooltip-arrow { border-top-color: #111; }
|
|
.tooltip.right .tooltip-arrow { border-right-color: #111; }
|
|
.tooltip.left .tooltip-arrow { border-left-color: #111; }
|
|
.tooltip.bottom .tooltip-arrow { border-bottom-color: #111; }
|
|
|
|
|
|
|
|
/******************************
|
|
- CONTENT STYLING -
|
|
********************************/
|
|
|
|
/* TP SPECIAL STYLES START */
|
|
|
|
.blockit { margin-bottom: 0 !important; }
|
|
.blockit .content_max_width { background: #fff; }
|
|
.blockit.darkblock .content_max_width { background: #2b2f35; }
|
|
.blockit .content_max_width .wpb_column { padding: 40px 0px 40px 0px !important; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-bottom: 0 !important; }
|
|
.blockit.transparent .content_max_width { background: transparent; }
|
|
|
|
|
|
.blockit.socialembed .content_max_width .wpb_column:last-child { padding-left: 20px !important; }
|
|
|
|
.blockit .content_max_width .vc_row { margin-left: 40px; margin-right: 40px; }
|
|
.blockit .wpb_column { padding: 0 !important; }
|
|
|
|
.blockit h1, .blockit h2, .blockit h3, .blockit h4, .blockit h5, .blockit h6 { margin-bottom: 0 !important; }
|
|
|
|
h6.phead { margin-bottom: 15px !important; }
|
|
h6.phead i { margin-right: 5px; font-size: 20px; }
|
|
|
|
/* blockit notop mod */
|
|
.blockit.notop .content_max_width .wpb_column { padding: 0 20px 40px 20px !important; }
|
|
.blockit.notop .content_max_width .vc_row { margin-left: 20px; margin-right: 20px; }
|
|
|
|
.blockit.notop.nopadding img { width: 100% !important; }
|
|
.blockit.notop.nopadding .content_max_width .wpb_column { padding: 0 0 40px 0 !important; }
|
|
.blockit.notop.nopadding .content_max_width .vc_row { margin-left: 0px; margin-right: 0px; }
|
|
|
|
|
|
/* item meta */
|
|
.itemmeta { width: 100%; display: block; position: relative; margin:0; padding: 0; margin-bottom: 0px !important; margin-top: -10px !important; border-top: 1px solid #e8e8e8; padding-top: 5px; }
|
|
.itemmeta a,
|
|
.itemmeta a:visited { list-style: none; display: inline-block; position: relative; color: #3f4549; font-size:14px; line-height: 28px !important; font-weight:500; text-transform: none; margin-right: 20px; }
|
|
.itemmeta a.tp_sales::before { float: left; font-family: 'Pe-icon-7-stroke'; content: "\e66e"; font-size: 20px; margin-right: 5px; font-weight:normal; }
|
|
.itemmeta a.tp_rating::before { float: left; font-family: 'Pe-icon-7-stroke'; content: "\e611"; font-size: 20px; margin-right: 5px; font-weight:normal; }
|
|
.itemmeta a.tp_price::before { float: left; font-family: 'Pe-icon-7-stroke'; content: "\e68c"; font-size: 20px; margin-right: 5px; font-weight:normal; }
|
|
.itemmeta a:hover { color: #000; }
|
|
|
|
|
|
|
|
|
|
.imagepadding { padding: 0 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
|
|
|
|
.headlineicon { float: left; margin-right: 15px; font-size: 30px; margin-bottom: -5px; }
|
|
|
|
.notebox { background: #fff; padding: 40px; padding-left: 40px; border-left: 75px solid #e03301; color: #000 }
|
|
.notebox:before { content: '\e647'; color: #fff; font-family: 'Pe-icon-7-stroke'; font-size: 50px; position: absolute; margin-left: -102px; margin-top: 12px; }
|
|
|
|
.poweredby { width: 100%; display: block; text-align: center; font-size:12px; color: #fff; margin-top: 20px;}
|
|
.poweredby img { margin: 0 10px; width: 107px; height: 20px; }
|
|
a.poweredby,
|
|
a.poweredby:visited { color: #fff; }
|
|
a.poweredby:hover { color: #fff !important; font-weight: 700 !important; }
|
|
|
|
/* Pull Up Elements */
|
|
.tphomepostrow { margin-top: -261px; }
|
|
#tphomeproducts { margin-top: -103px; }
|
|
.pullup_row { margin-top: -286px; }
|
|
.pullup_list { margin-top: -80px; }
|
|
.pullup_search { margin-top: -40px; }
|
|
|
|
.spaceright { padding-right: 40px; text-align: right; }
|
|
|
|
|
|
/* FB & TWITTER STYLES */
|
|
/*
|
|
div#fbSEOComments,.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe {
|
|
width: 100% !important;
|
|
}*/
|
|
.fb_iframe_widget iframe {
|
|
border: 1px solid #e8e8e8 !important;
|
|
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
|
|
}
|
|
iframe#twitter-widget-0.twitter-timeline.twitter-timeline-rendered {
|
|
max-width:100% !important;
|
|
min-width:100% !important;
|
|
}
|
|
|
|
/* POLY FUN */
|
|
.poly-top {
|
|
position:absolute;
|
|
top:0px;left:0px;
|
|
width:100%;
|
|
height:auto;
|
|
z-index:100;
|
|
}
|
|
|
|
|
|
.poly-bottom {
|
|
position:absolute;
|
|
bottom:0px;left:0px;
|
|
width:100%;
|
|
height:auto;
|
|
z-index:100;
|
|
}
|
|
|
|
.left-poly-side {
|
|
position: absolute;
|
|
width: 0px;
|
|
height: 0px;
|
|
border-style: solid;
|
|
|
|
}
|
|
|
|
|
|
.right-poly-side {
|
|
position: absolute;
|
|
width: 0px;
|
|
height: 0px;
|
|
right:0px;
|
|
border-style: solid;
|
|
|
|
}
|
|
|
|
.poly-bottom .left-poly-side,
|
|
.poly-bottom .right-poly-side { bottom:0px}
|
|
|
|
.poly-top .left-poly-side,
|
|
.poly-top .right-poly-side { top:0px}
|
|
|
|
|
|
/* PRELOADER */
|
|
.preloader-wrapper { width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:201201;overflow:visible}
|
|
.preloader-leftbox { width:50%;height:100%;background:#f1f1f1; position:absolute;top:0px;left:0px;}
|
|
.preloader-rightbox { width:50%;height:100%;background:#f1f1f1; position:absolute;top:0px;right:0px;}
|
|
.pre-logo-wrapper { position:absolute; top:50%;left:50%; z-index:50;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
|
|
.pre-logo-idle,
|
|
.pre-logo-loaded { position:absolute; top:0px;left:0px;}
|
|
|
|
.pre-logo-loaded { width:0%; overflow:hidden;height:100%;}
|
|
.pre-smart-text { visibility:hidden; color:#E03301; font-size:32px; line-height:30px;position:absolute; top:50%; width:100%; text-align: center; font-weight:600;}
|
|
|
|
#rev_slider_1_1 { background-size:cover !important;}
|
|
|
|
/* STARTING GRID HEIGHT */
|
|
|
|
#tphomeposts { height:920px}
|
|
#tphomeproducts,
|
|
#tpproducts { height:1105px}
|
|
#tpfaq { height:710px}
|
|
#tpblog { height:810px}
|
|
|
|
|
|
/* TP SPECIAL STYLES END */
|
|
|
|
/* FAQ */
|
|
|
|
.faq_showticket {
|
|
width: 100%;
|
|
text-align:center;
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
color: #000;
|
|
background: #fff600;
|
|
line-height: 25px;
|
|
font-size: 19px;
|
|
padding: 25px 30px;
|
|
font-weight: 700;
|
|
}
|
|
.faq_numbered .wpb_raw_code.wpb_content_element.wpb_raw_html { margin-bottom: 0 !important; }
|
|
|
|
.tp_ticket_table { float: left; width: 100%; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; }
|
|
.tp_ticket_info { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 25px 30px; text-align: center; color: #000; font-weight: 400; border-bottom: 1px solid #f1f1f1; }
|
|
.tp_ticket_info i { font-size: 20px; margin-left: 5px; }
|
|
.tp_ticket_cell { float: left; position: relative; display:table-cell; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 30px 30px; text-align: center; }
|
|
.tp_ticket_cell span { float: left; width: 100%; word-wrap: break-word; font-weight: 400; }
|
|
.tp_ticket_table .tp_ticket_cell:last-child { border-left: 1px solid #f1f1f1; }
|
|
|
|
.tp_ticket_cell:hover { background: #f5f5f5; }
|
|
.tp_ticket_table a { color: #000 !important; }
|
|
|
|
|
|
/* Rating FAQ entries */
|
|
/*
|
|
.tp_rate_table { float: left; width: 100%; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: transparent; }
|
|
.tp_rate_info { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 25px 30px; text-align: center; color: #000; font-weight: 400; border-bottom: 1px solid #f1f1f1; }
|
|
.tp_rate_info i { font-size: 20px; margin-left: 5px; }
|
|
.tp_rate_cell { float: left; position: relative; display:table-cell; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px; text-align: center; }
|
|
.tp_rate_cell span { float: left; width: 100%; word-wrap: break-word; font-weight: 400; margin-top: 5px; }
|
|
.tp_rate_table .tp_rate_cell:last-child { border-left: 1px solid #f1f1f1; }
|
|
|
|
.tp_rate_cell.tp_rate_up i { color: #8eca5d; }
|
|
.tp_rate_cell.tp_rate_down i { color: #e03301; }
|
|
.tp_rate_cell.tp_rate_up:hover { background: #8eca5d; }
|
|
.tp_rate_cell.tp_rate_down:hover { background: #e03301; }
|
|
.tp_rate_cell.tp_rate_up:hover .tp_positive_count,
|
|
.tp_rate_cell.tp_rate_up:hover i,
|
|
.tp_rate_cell.tp_rate_up:hover span,
|
|
.tp_rate_cell.tp_rate_down:hover .tp_negative_count,
|
|
.tp_rate_cell.tp_rate_down:hover i,
|
|
.tp_rate_cell.tp_rate_down:hover span { color: #fff; }
|
|
.tp_positive_count,
|
|
.tp_negative_count { font-size: 49px; line-height: 49px; font-weight: 700; }
|
|
.tp_positive_count { color: #8eca5d; }
|
|
.tp_negative_count { color: #e03301; }
|
|
|
|
.tp_rate_table a { color: #000 !important; }
|
|
|
|
*/
|
|
|
|
|
|
.faq_sidebar p:first-child { display: none; }
|
|
.hiddenfaqfilter { display: none; }
|
|
.faqsearch { width:100%;}
|
|
.faqsearch .eg-search-clean,
|
|
.faqsearch .eg-search-submit { position: absolute; right: 0px;width:30px;text-align:center;height:auto;vertical-align:middle; line-height:95px; font-size: 30px; background: transparent; color:rgba(255,255,255,1);}
|
|
|
|
.faqsearch .eg-search-submit { right:90px;}
|
|
.faqsearch .eg-search-clean { right:40px;}
|
|
.faqsearch .eg-search-clean:hover,
|
|
.faqsearch .eg-search-submit:hover { background:transparent; color:#fff;}
|
|
.faqsearch input[type="text"] { width:100%; font-size: 22px !important; color: #fff !important; padding: 35px 40px !important; font-weight: 700 !important; line-height: 24px !important; background: rgba(0,0,0,0.1) !important; margin-bottom: 0 !important; font-family: 'Roboto', sans-serif; border: 0 !important;}
|
|
.faqsearch input[type="text"]:focus { background: rgba(255,255,255,0.1) !important; color: #fff !important; border-color: transparent !important; }
|
|
|
|
.faqsearch input.eg-search-input[type="text"]::-webkit-input-placeholder { color:#fff !important; padding-top: 3px !important; }
|
|
.faqsearch input.eg-search-input[type="text"]:-moz-placeholder { color:#fff !important; padding-top: 3px !important; }
|
|
.faqsearch input.eg-search-input[type="text"]::-moz-placeholder { color:#fff !important; padding-top: 3px !important;}
|
|
.faqsearch input.eg-search-input[type="text"]:-ms-input-placeholder { color:#fff !important; padding-top: 3px !important;}
|
|
|
|
#tphomeproducts .esg-overflowtrick,
|
|
#tpcategoryposts .esg-overflowtrick,
|
|
#tphomeposts .esg-overflowtrick,
|
|
#tprelatedposts .esg-overflowtrick,
|
|
#tpblog .esg-overflowtrick,
|
|
#tpproducts .esg-overflowtrick,
|
|
#tpfaq .esg-overflowtrick { margin-bottom: 40px; }
|
|
|
|
|
|
/*SPECIAL FAQ FILTERS*/
|
|
.esg-filter-wrapper.blackred { display: block; width:100%; background:#000;padding:0px !important;}
|
|
|
|
.esg-filter-wrapper.blackred .esg-filterbutton { width: 100%;display:block;float:left;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
background: #000;
|
|
cursor: pointer;
|
|
margin:0 !important;
|
|
border:none !important;
|
|
padding:0px !important;
|
|
line-height:25px;font-size:19px;
|
|
|
|
}
|
|
.esg-filter-wrapper.blackred .esg-filterbutton.wasselected,
|
|
.esg-filter-wrapper.blackred .esg-filterbutton.selected,
|
|
.esg-filter-wrapper.blackred .esg-filterbutton:hover { background:#e03301; }
|
|
.esg-filter-wrapper.blackred .esg-filterbutton.wasselected span,
|
|
.esg-filter-wrapper.blackred .esg-filterbutton.selected span { color:#fff; font-weight: 700; }
|
|
|
|
.esg-filter-wrapper.blackred .esg-filterbutton span { padding: 15px 30px;
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
font-weight: 400;
|
|
color: #FFF;
|
|
display:inline-block;
|
|
vertical-align: top;
|
|
font-family: 'Roboto',sans-serif;
|
|
}
|
|
|
|
.esg-filter-wrapper.blackred .esg-filterbutton .esg-filter-checked { display:none}
|
|
|
|
|
|
|
|
/* SPECIAL FAQ SUBFILTERS */
|
|
|
|
span.eg-el-amount:before {
|
|
content: "";
|
|
}
|
|
span.eg-el-amount:after {
|
|
content: "";
|
|
}
|
|
|
|
.esg-filter-wrapper.whiteblack { display: block; width:100%; background:#2b2f35;padding:0px !important; margin-bottom: 40px !important; }
|
|
.esg-filter-wrapper.whiteblack .esg-allfilter { display: none !important}
|
|
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton { width: 100%;
|
|
display:table-cell;
|
|
float:left;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
background: #2b2f35;
|
|
cursor: pointer;
|
|
margin:0 !important;
|
|
padding:0px !important;
|
|
line-height:26px;
|
|
font-size:16px;
|
|
|
|
border-right: 0px solid #f1f1f1;
|
|
border-bottom: 0px solid #f1f1f1;
|
|
|
|
}
|
|
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton.hidefilter { display: none !important}
|
|
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton span { padding: 15px 80px 15px 30px;
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
font-weight: 400;
|
|
color: #fff;
|
|
display:inline-block;
|
|
vertical-align: top;
|
|
font-family: 'Roboto',sans-serif;
|
|
}
|
|
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton .esg-filter-checked { display:none;}
|
|
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton:hover,
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton.selected { background: #32363d;}
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton.selected span { font-weight: 700; }
|
|
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton:hover:after,
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton.selected:after{ font-family: 'Pe-icon-7-stroke';
|
|
content: "\e66c";
|
|
color: #fff;
|
|
position: absolute;
|
|
right: 23px;
|
|
top:15px;
|
|
font-weight: normal;
|
|
font-size: 30px;
|
|
}
|
|
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton .eg-el-amount { display:block;
|
|
position: absolute;
|
|
right: 30px;
|
|
top:15px;
|
|
padding:0px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton:hover .eg-el-amount,
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton.selected .eg-el-amount { display: none;}
|
|
|
|
/* FAQ SEARCH PART */
|
|
|
|
#faq_search_wrapper {
|
|
height: auto;
|
|
left: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 20000;
|
|
}
|
|
#faq_search_wrapper .esg-filter-wrapper, #esg_search_wrapper .esg-pagination {
|
|
margin-left: 0 !important;
|
|
}
|
|
#faq_big_search_wrapper {
|
|
padding-top: 0;
|
|
position: relative;
|
|
}
|
|
|
|
#faq_big_search_wrapper::-ms-clear { display: none; }
|
|
#faq_big_search_wrapper .faqsearch::-ms-clear { display: none; }
|
|
|
|
#faq_big_search_fake_txt {
|
|
background: none repeat scroll 0 0 rgba(255, 255,255, 0) !important;
|
|
border: medium none !important;
|
|
color: #fff !important;
|
|
font-size: 40px !important;
|
|
font-weight: 700;
|
|
line-height: 40px !important;
|
|
padding: 0 !important;
|
|
position: absolute !important;
|
|
top: 7px !important;
|
|
width: 100%;
|
|
z-index: 5;
|
|
height:50px !important;
|
|
}
|
|
|
|
|
|
.faqsearch .esg-loader { display: none !important}
|
|
|
|
.search-fake-anim { position:absolute;width:100%;height:95px;top:0px;left:0px;background-color:#ddd;padding:35px 40px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index:10; top:0px; left:0px; font-size: 22px;color: #fff;font-weight: 700;line-height: 30px; }
|
|
|
|
|
|
|
|
|
|
/* HEADLINES */
|
|
.airy_headline { position: relative; padding-bottom: 11px; font-size: 29px; line-height:32px; font-weight: 700; margin-bottom:31px; }
|
|
.airy_subheadline { font-size:20px; line-height:30px; color: #666; }
|
|
|
|
.smalltitle { font-size:17px; line-height: 26px; font-weight:600; }
|
|
|
|
.centertitle,
|
|
#reply-title { text-align: center; position: relative; margin-bottom:27px; font-size:26px;line-height:28px; font-weight: 700; }
|
|
.centertitle_subtitle { font-size:20px;line-height:30px;font-weight: 300; text-align: center;}
|
|
|
|
|
|
.textalignleft { text-align: left}
|
|
.textaligncenter { text-align: center}
|
|
.textalignright { text-align: right}
|
|
.textar_nomobile { float: right}
|
|
.textal_nomobile { float: left}
|
|
|
|
.mbzero { margin-bottom: 0; }
|
|
.lightfont { font-weight: 100; }
|
|
|
|
.spacelr { margin-left: 10px; margin-right: 10px; }
|
|
.spacearound { margin: 10px; }
|
|
|
|
/*.headerunderline { position: relative; }
|
|
|
|
.headerunderline:after,
|
|
#reply-title:after { content:" "; width:30px;height:2px;position:absolute;bottom:0px;left:50%;margin-left:-15px;}
|
|
|
|
.textaligncenter.headerunderline:after { left:50%;margin-left:-15px;}
|
|
.textalignleft.headerunderline:after { left:0%; margin-left:0px;}
|
|
.textalignright.headerunderline:after { left:auto; right:0%;margin-left:0px;}*/
|
|
|
|
|
|
.content_max_width { margin:auto;}
|
|
|
|
.tp_vc_mw_rowinner .vc_row.wpb_row { background:transparent !important; padding:0 !important; border:none !important}
|
|
.tp_vc_mw_rowinner .vc_row.wpb_row.related_posts { margin-top: 140px !important; margin-bottom: 70px !important; }
|
|
.eg-miami-related-posts-element-1 { text-align: left; }
|
|
|
|
.iconresize img { width: 35px; height: 32px; }
|
|
|
|
.wpb_wrapper { position: relative;}
|
|
|
|
blockquote, blockquote span { color: #666; }
|
|
.light blockquote { color: #fff; border-left: 5px solid rgba(255,255,255,0.15); }
|
|
.light blockquote span { color: #fff; }
|
|
|
|
/* COLORING */
|
|
.headerunderline:after,
|
|
#reply-title:after { background-color:#333 }
|
|
.light .headerunderline:after,
|
|
.light #reply-title:after { background-color:#fff }
|
|
.lightondark .headerunderline:after { background-color:#fff }
|
|
.lightondark .centertitle:after { background-color:#fff }
|
|
.lightondark,
|
|
.lightondark p,
|
|
.lightondark h1,
|
|
.lightondark h2,
|
|
.lightondark h3,
|
|
.lightondark h4,
|
|
.lightondark h5,
|
|
.lightondark h6,
|
|
.lightondark .wpb_content_element a { color:#fff}
|
|
|
|
h1.white,
|
|
h2.white,
|
|
h3.white,
|
|
h4.white,
|
|
h5.white,
|
|
h6.white { color:#fff !important;}
|
|
|
|
.darkonlight,
|
|
.darkonlight p { color:#3F4549}
|
|
|
|
.darkonlight h1,
|
|
.darkonlight h2,
|
|
.darkonlight h3,
|
|
.darkonlight h4,
|
|
.darkonlight h5,
|
|
.darkonlight h6 { color:#000}
|
|
|
|
/* Regular Links
|
|
|
|
.darkonlight .wpb_content_element a,
|
|
.darkonlight .wpb_content_element a:visited { color:#e03301; text-decoration: underline; }
|
|
.darkonlight .wpb_content_element a:hover { color:#000; }*/
|
|
|
|
|
|
|
|
/******************************
|
|
- CONTENT ELEMENTS -
|
|
********************************/
|
|
|
|
/* TP POST GRID */
|
|
.eg-tp-post-grid-content:hover,
|
|
.eg-tp-video-list-content:hover,
|
|
.eg-tp-related-grid-content:hover,
|
|
.eg-tp-search-skin-content:hover { background: #e03301 !important; }
|
|
|
|
.eg-tp-post-grid-content:hover .eg-tp-post-grid-element-1,
|
|
.eg-tp-post-grid-content:hover .eg-tp-post-grid-element-3,
|
|
.eg-tp-post-grid-content:hover .eg-tp-post-grid-element-10,
|
|
.eg-tp-video-list-content:hover .eg-tp-video-list-element-1,
|
|
.eg-tp-video-list-content:hover .eg-tp-video-list-element-3,
|
|
.eg-tp-video-list-content:hover .eg-tp-video-list-element-10,
|
|
.eg-tp-related-grid-content:hover .eg-tp-related-grid-element-1,
|
|
.eg-tp-related-grid-content:hover .eg-tp-related-grid-element-3,
|
|
.eg-tp-related-grid-content:hover .eg-tp-related-grid-element-10,
|
|
.eg-tp-search-skin-content:hover .eg-tp-search-skin-element-1,
|
|
.eg-tp-search-skin-content:hover .eg-tp-search-skin-element-3,
|
|
.eg-tp-search-skin-content:hover .eg-tp-search-skin-element-10 { color: #fff !important; }
|
|
|
|
.eg-tp-faq-grid-content:hover { background: #f5f5f5; }
|
|
|
|
#tpessentialfeatures .esg-media-cover-wrapper:hover .eg-flipicon { background-position: left bottom !important; }
|
|
|
|
/* TP FAQ POSTS */
|
|
.eg-tp-related-grid-element-1 { min-height: 147px; }
|
|
.eg-tp-faq-grid-element-1 { text-decoration: none !important;}
|
|
|
|
/* TP HOME POSTS */
|
|
.eg-tp-post-grid-element-1 { min-height: 367px; }
|
|
|
|
/* TP FEATURES */
|
|
.eg-tp-feature-grid-element-1 { min-height: 237px; }
|
|
|
|
/* TP VIDEO GRID */
|
|
.eg-tp-video-list-element-1 { min-height: 147px; }
|
|
|
|
/* TP SEARCH GRID */
|
|
.eg-tp-search-skin-element-1 { min-height: 167px; }
|
|
|
|
|
|
|
|
/* TP BADGE ANIMATION */
|
|
.tp-badge { -webkit-transition: top 0.3s ease-in-out, right 0.3s ease-in-out; -moz-transition: top 0.3s ease-in-out, right 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out, right 0.3s ease-in-out; -ms-transition: top 0.3s ease-in-out, right 0.3s ease-in-out; }
|
|
#tphomeproducts .tp-esg-item[data-cobblesw="3"]:hover .tp-badge,
|
|
#tpproducts .tp-esg-item[data-cobblesw="3"]:hover .tp-badge { right: -425px !important; }
|
|
#tphomeproducts .tp-esg-item[data-cobblesw="2"]:hover .tp-badge,
|
|
#tpproducts .tp-esg-item[data-cobblesw="2"]:hover .tp-badge { top: -120px !important; }
|
|
|
|
.esg-filter-wrapper.dropdownstyle { margin-right: 33px !important; }
|
|
|
|
/* TP FOOTER */
|
|
.footercenter { width: 100%; position: relative; }
|
|
.footerlogos { width: 420px; position: relative; margin-left: auto; margin-right: auto; }
|
|
.footerlogos .leftlogo,
|
|
.footerlogos .rightlogo { float: left; display: inline-block; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding-top: 50px; padding-bottom: 50px; }
|
|
.footerlogos .leftlogo { width: 50%; border-right: 1px solid rgba(255,255,255,0.2); text-align: right; padding-right: 40px; }
|
|
.footerlogos .rightlogo { width: 50%; text-align: left; padding-left: 40px; }
|
|
|
|
.footerlogos .tplogo { width: 100%; }
|
|
.footerlogos a.tpsocial,
|
|
.footerlogos a.tpsocial:visited { width: 40px; height: 40px; font-size: 20px; color: rgba(255,255,255,0.35); margin-top: 20px; text-align: center; line-height: 40px; -webkit-transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out; }
|
|
.footerlogos a.tpsocial:hover { color: #fff; font-size: 27px; }
|
|
.footerlogos .leftlogo a.tpsocial { float: right; margin-left: 10px; }
|
|
.footerlogos .rightlogo a.tpsocial { float: left; margin-right: 10px; }
|
|
|
|
/* TP SUBFOOTER */
|
|
.subfooter { width: 100%; position: relative; clear: both; font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.35); line-height: 15px; padding-top: 65px; }
|
|
.subfooterleft { float: left; }
|
|
.subfooterright { float: right; }
|
|
.subfooter .txtblock { }
|
|
|
|
/* INLINE LIST FOOTER */
|
|
|
|
.subfooter ul.inlinelist { padding-left: 0px; list-style: none; margin-bottom: -17px; }
|
|
.subfooter ul.inlinelist li { display: inline-block; margin-right: 8px; text-align: center; }
|
|
.subfooter ul.inlinelist li a,
|
|
.subfooter ul.inlinelist li a:visited { color: rgba(255,255,255,0.35) !important; background: transparent; font-weight: 600; display: inline-block; text-align: center; padding: 0 3px; -webkit-transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out; }
|
|
.subfooter ul.inlinelist li a:hover { font-size: 15px; color: #fff !important; }
|
|
.subfooter ul.inlinelist li a::after { padding: 0 3px; display:block; content:attr(title); font-size: 15px; height:1px; color:transparent; overflow:hidden; visibility:hidden; }
|
|
.subfooterright ul.inlinelist { margin-right: -20px; }
|
|
|
|
|
|
/* TP BUTTONS DESKTOP SIZE */
|
|
|
|
a.tp-btn,
|
|
a.tp-btn:visited { text-decoration: none !important; line-height: 58px; font-size: 18px; font-weight: 400; padding: 20px 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
|
|
}
|
|
a.tp-btn i { font-size: 36px; font-weight: normal; position: relative; top: 10px; margin-right: 7px; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; }
|
|
|
|
/* TP BUTTONS MEDIUM */
|
|
|
|
a.tp-btn.tp-medium,
|
|
a.tp-btn.tp-medium:visited { line-height: 44px; font-size: 14px; padding: 15px 20px; }
|
|
a.tp-btn.tp-medium i { font-size: 26px; top: 7px; margin-right: 7px; }
|
|
|
|
/* PRICETABLE BUTTONS */
|
|
a.tp-large-button-price,
|
|
a.tp-large-button-price:visited { color: #fff !important; background: #027ee1; }
|
|
a.tp-large-button-price i { color: #fff; }
|
|
a.tp-large-button-price:hover { color: #fff !important; background: #000; }
|
|
a.tp-large-button-price:hover i { color: #fff; }
|
|
.priceitem.highlight a.tp-large-button-price,
|
|
.priceitem.highlight a.tp-large-button-price:visited { color: #fff !important; background: #e03301; }
|
|
.priceitem.highlight a.tp-large-button-price i { color: #fff; }
|
|
.priceitem.highlight a.tp-large-button-price:hover { color: #fff !important; background: #000; }
|
|
.priceitem.highlight a.tp-large-button-price:hover i { color: #fff; }
|
|
|
|
/* WHITE BG */
|
|
a.tp-large-button-white,
|
|
a.tp-large-button-white:visited { color: #000 !important; background: #fff; }
|
|
a.tp-large-button-white i { color: #e03301; }
|
|
a.tp-large-button-white:hover { color: #fff !important; background: #000; }
|
|
a.tp-large-button-white:hover i { color: #fff; }
|
|
|
|
/* WHITE BG 2 */
|
|
a.tp-large-button-whiteb,
|
|
a.tp-large-button-whiteb:visited { color: #000 !important; background: #fff;}
|
|
a.tp-large-button-whiteb i { color: #000; }
|
|
a.tp-large-button-whiteb:hover { color: #fff !important; background: #000; }
|
|
a.tp-large-button-whiteb:hover i { color: #fff; }
|
|
|
|
/* RED BG */
|
|
a.tp-large-button-red,
|
|
a.tp-large-button-red:visited { color: #fff !important; background: #e03301; }
|
|
a.tp-large-button-red i { color: #fff; }
|
|
a.tp-large-button-red:hover { color: #fff !important; background: #000; }
|
|
a.tp-large-button-red:hover i { color: #fff; }
|
|
|
|
/* BLUE BG */
|
|
a.tp-large-button-blue,
|
|
a.tp-large-button-blue:visited { color: #fff !important; background: #027ee1; }
|
|
a.tp-large-button-blue i { color: #fff; }
|
|
a.tp-large-button-blue:hover { color: #fff !important; background: #000; }
|
|
a.tp-large-button-blue:hover i { color: #fff; }
|
|
|
|
/* YELLOW BG */
|
|
a.tp-large-button-yellow,
|
|
a.tp-large-button-yellow:visited { color: #000 !important; background: #fff600; }
|
|
a.tp-large-button-yellow i { color: #000; }
|
|
a.tp-large-button-yellow:hover { color: #fff !important; background: #000; }
|
|
a.tp-large-button-yellow:hover i { color: #fff; }
|
|
|
|
/* BLACK BG */
|
|
a.tp-large-button-black,
|
|
a.tp-large-button-black:visited { color: #fff !important; background: #000; }
|
|
a.tp-large-button-black i { color: #fff; }
|
|
a.tp-large-button-black:hover { color: #000 !important; background: #fff; }
|
|
a.tp-large-button-black:hover i { color: #e03301; }
|
|
|
|
/* WHITE TEXT */
|
|
a.tp-transparent-button-white,
|
|
a.tp-transparent-button-white:visited { color: #fff !important; background: transparent; }
|
|
a.tp-transparent-button-white i { font-size: 39px; color: #fff; left: 5px; -webkit-transition: left 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; -ms-transition: left 0.2s ease-in-out;}
|
|
a.tp-transparent-button-white:hover i { left: 15px; }
|
|
|
|
/* BLACK TEXT */
|
|
a.tp-transparent-button-black,
|
|
a.tp-transparent-button-black:visited { color: #000 !important; background: transparent; }
|
|
a.tp-transparent-button-black i { font-size: 39px; color: #000; left: 5px; -webkit-transition: left 0.2s ease-in-out, margin 0.2s ease-in-out, color 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out, margin 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out, margin 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: left 0.2s ease-in-out, margin 0.2s ease-in-out, color 0.2s ease-in-out; }
|
|
a.tp-transparent-button-black:hover i { left: 15px; }
|
|
|
|
a.tp-transparent-button-black.tp-v2 i { left: 0; margin-right: 5px; }
|
|
a.tp-transparent-button-black.tp-v2:hover i { left: 0; margin-right: 10px; color: #e03301; }
|
|
a.tp-transparent-button-black.tp-v2:hover { color: #e03301 !important; }
|
|
|
|
|
|
.button { text-decoration: none !important; line-height: 60px; font-size: 18px; font-weight: 400; color: #fff; background: #000; padding: 20px 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; }
|
|
|
|
.button:hover { text-decoration: none; border-color: #33bfd8; background: #33bfd8; color: #fff; }
|
|
|
|
.lightondark .button { background: rgba(0,0,0,0.25); }
|
|
.lightondark .button:hover { text-decoration: none; border-color: #33bfd8; background: #33bfd8; color: #fff;}
|
|
|
|
.lightondark .button.bordered { padding: 18px 23px; border: 2px solid #FFF; background: transparent; color: #fff; }
|
|
.lightondark .button.bordered:hover { text-decoration: none; border-color: #33bfd8; background: #33bfd8; color: #fff;}
|
|
|
|
.button.bordered { padding: 18px 23px; border: 2px solid #333; background: transparent; color: #333; }
|
|
.button.bordered:hover { text-decoration: none; border-color: #33bfd8; background: #33bfd8; color: #fff; }
|
|
|
|
.button.subtle { padding: 18px 23px; border: 2px solid #000; background: transparent; color: #000; }
|
|
.button.subtle:hover { text-decoration: none; border-color: #33bfd8; background: #33bfd8; color: #fff; }
|
|
|
|
.lightondark .button.subtle { padding: 18px 23px; border: 2px solid #fff; background: transparent; color: #fff; }
|
|
.lightondark .button.subtle:hover { text-decoration: none; border-color: #33bfd8; background: #33bfd8; color: #fff; }
|
|
|
|
.button.highlight { padding: 18px 23px; border: 2px solid #33bfd8; background: #33bfd8; color: #fff; }
|
|
.button.highlight:hover { border-color: #333 !important; background: #333 !important; color:#fff; }
|
|
|
|
.button i { margin-right: 5px; }
|
|
|
|
/* LISTS */
|
|
|
|
ul.regularlist { padding-left: 0px; list-style: none; margin-bottom: 0; }
|
|
ul.regularlist li { margin-bottom: 19px; color: #000; position: relative; width: 100%;}
|
|
ul.regularlist li:last-child { margin-bottom: 0; }
|
|
ul.regularlist li span { color: #000; background: #fff600; }
|
|
ul.regularlist li div { min-height: 60px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding-left: 80px; }
|
|
ul.regularlist li i { margin-top: 0px; padding: 15px; position: absolute; font-size: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 60px; height: 60px; color: #000; background: #fff; text-align: center; }
|
|
ul.regularlist li a { }
|
|
ul.regularlist li i.nope { background: #e03301; color: #fff; }
|
|
ul.regularlist li i.yes { background: #fff; color: #000; }
|
|
.lightondark ul.regularlist li { color: #fff; }
|
|
.lightondark ul.regularlist a { color: #33bfd8; }
|
|
.lightondark ul.regularlist a:hover { color: #fff; }
|
|
|
|
ul.regularlist.premium i { background: #2b2f35; color: #fff; }
|
|
ul.regularlist.premium li div { }
|
|
ul.regularlist i.pe-7s-diamond {}
|
|
|
|
/* ICON BLOCK */
|
|
|
|
.iconblock { float: none; display: block; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; width: 100%; padding: 20px 30px; text-align: center; background: #eee; margin-bottom: 30px; }
|
|
.iconblock i { float: none; position: relative; padding: 15px; font-size: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 60px; height: 60px; color: #000; background: #fff; }
|
|
.iconblock h6 { font-weight: 500; margin-top: 20px; }
|
|
.iconblock .tptext { display: block; margin-top: 10px; margin-bottom: 15px; width: 100%; }
|
|
.iconblock .tpmore { display: block; margin-top: 10px; width: 100%; }
|
|
|
|
/* ALTERNATE BLOCK */
|
|
|
|
.altblock { float: none; display: block; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; width: 100%; padding: 20px 30px; text-align: center; background: transparent; margin-bottom: 30px; }
|
|
.altblock img { padding: 0 10px; }
|
|
.altblock i { float: none; position: relative; padding: 15px; font-size: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 60px; height: 60px; color: #fff; background: #e03301; }
|
|
.altblock h6 { font-weight: 500; margin-top: 20px; }
|
|
.altblock .tptext { display: block; margin-top: 10px; margin-bottom: 15px; width: 100%; }
|
|
.altblock .tpmore { display: block; margin-top: 10px; width: 100%; }
|
|
.tp_vc_mw_rowinner .vc_row.wpb_row.altblockbg { background: #fff !important; padding-top: 33px !important; padding-bottom: 20px !important; }
|
|
.tp_vc_mw_rowinner .vc_row.wpb_row.altblockbg .altblock { padding-bottom: 0; }
|
|
|
|
|
|
/* CUSTOM LINK LIST */
|
|
|
|
ul.speciallist { padding-left: 20px; list-style: circle; }
|
|
ul.speciallist li { font-size: 12px; font-weight: 600; }
|
|
ul.speciallist li a { color: #555; }
|
|
ul.speciallist li a:hover { color: #33bfd8; }
|
|
.lightondark ul.speciallist li a { color: #fff; }
|
|
.lightondark ul.speciallist li a:hover { color: #33bfd8; }
|
|
|
|
/* DIRECTORY LIST */
|
|
|
|
ul.tpdirectory { padding-left: 0px; list-style: none; border-left: 10px solid #dde0e1; }
|
|
ul.tpdirectory li { text-transform: none; font-weight: normal; color: #3F4549; margin-bottom: 9px; padding-left: 25px; }
|
|
ul.tpdirectory li span { font-weight: 700; color: #000; margin-right: 8px; }
|
|
ul.tpdirectory li ul { list-style: none; margin-top: 15px; margin-bottom: 15px; padding-left: 10px; margin-left: 0; }
|
|
ul.tpdirectory li a,
|
|
ul.tpdirectory li a:visited { color: #000; font-weight: 400; }
|
|
|
|
ul.tpdirectory li ul a,
|
|
ul.tpdirectory li a:visited { color: #000; font-weight: 400; }
|
|
|
|
ul.tpdirectory li a:hover { background: #fff600; }
|
|
ul.tpdirectory li a:hover span { color: #000; }
|
|
ul.tpdirectory li:before { content: ''; color: #3F4549; font-family: 'Pe-icon-7-stroke'; font-size: 20px; position: absolute; margin-left: -25px; }
|
|
|
|
|
|
/* FEATURE LIST */
|
|
|
|
ul.featurelist { padding-left: 0px; list-style: none; }
|
|
ul.featurelist li { text-transform: none; font-weight: normal; color: #000; margin-bottom: 9px; padding-left: 25px; }
|
|
ul.featurelist li a,
|
|
ul.featurelist li a:visited { }
|
|
.lightondark ul.featurelist li { color: #fff; color: rgba(255,255,255,0.85); }
|
|
ul.featurelist li:before { content: '\e685'; color: #000; font-family: 'Pe-icon-7-stroke'; font-size: 20px; position: absolute; margin-left: -25px; }
|
|
.lightondark ul.featurelist li:before { color: #fff; }
|
|
|
|
ul.faqlist { padding-left: 0px; list-style: none; }
|
|
ul.faqlist li { text-transform: none; font-size: 17px; font-weight: normal; color: #666; margin-bottom: 19px; padding-left: 25px;line-height: 22px; }
|
|
ul.faqlist li a { color: #333; }
|
|
ul.faqlist li a:hover { color: #33bfd8; }
|
|
ul.faqlist li:before { content: '\e87e'; color: #333; font-family: 'fontello'; font-size: 14px; position: absolute; margin-left: -25px; }
|
|
|
|
/* INLINE LIST */
|
|
|
|
ul.inlinelist { padding-left: 0px; list-style: none; margin-bottom: -7px; margin-left: -3px; }
|
|
ul.inlinelist li { display: inline-block; margin-right: 23px; text-align: center; }
|
|
ul.inlinelist li a,
|
|
ul.inlinelist li a:visited { color: #000 !important; text-decoration: none !important; font-weight: 400; display: inline-block; text-align: center; margin: 0 3px; background: #fff600; }
|
|
ul.inlinelist li a:hover { font-weight: 800; }
|
|
ul.inlinelist li a::after { margin: 0 3px; display:block; content:attr(title); font-weight:800; height:1px; color:transparent; overflow:hidden; visibility:hidden; }
|
|
ul.inlinelist li i { font-size: 30px; }
|
|
|
|
/* SIMPLE TABLE */
|
|
|
|
.simpletable { position: relative; }
|
|
.simpletable .st_col { display: table-cell; }
|
|
.simpletable .st_col .st_head { font-weight: 600; margin-bottom: 5px; color: #333;}
|
|
.simpletable .st_col .st_text { padding-left: 30px; margin-bottom: 5px; }
|
|
.lightondark .simpletable .st_col .st_head { color: #fff; }
|
|
|
|
/* Progress Bars */
|
|
|
|
.vc_progress_bar.whitetext .vc_label { color: #fff; font-size: 12px; font-weight: 600; }
|
|
.vc_progress_bar.darktext .vc_label { color: #555; font-size: 12px; font-weight: 600; }
|
|
|
|
|
|
/* Accordion */
|
|
|
|
.wpb_accordion_header { background-color: #f1f1f1 !important; -webkit-transition: background 0.1s ease-in-out !important; -moz-transition: background 0.1s ease-in-out !important; -o-transition: background 0.1s ease-in-out !important; -ms-transition: background 0.1s ease-in-out !important; margin-bottom: 5px !important; border-bottom: 0px solid transparent !important; }
|
|
.wpb_accordion_header.ui-state-hover { background-color: #fff !important; border-bottom: 0px solid #dde0e1 !important; }
|
|
.wpb_accordion_header.ui-state-focus { box-shadow:none ; -webkit-box-shadow: none; outline: none; }
|
|
.wpb_accordion .wpb_accordion_wrapper .ui-state-active { background-color: #fff !important; border-bottom: 0px solid #dde0e1 !important;}
|
|
.wpb_accordion .wpb_content_element { margin-top: 20px !important; margin-bottom: 20px !important; }
|
|
.wpb_accordion_content { padding: 0 !important; }
|
|
.wpb_accordion_header a { padding: 15px 25px !important; padding-right: 35px !important; text-transform: none; letter-spacing: 0px; font-size: 17px; font-weight: 500; color: #3F4549 !important; border: 2px solid #e5e7e8!important; }
|
|
.wpb_accordion .wpb_accordion_wrapper .ui-state-active a,
|
|
.wpb_accordion_header.ui-state-hover a { color: #000 !important; background-color: #fff !important; }
|
|
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon { display: block; width: 8px !important; height: 8px !important; background-image: url(assets/images/cross_dark.png) !important; background-position:top left; background-size:8px 8px; background-repeat: no-repeat; position: absolute; right: 25px !important; top: 26px !important; }
|
|
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { display: block; width: 8px !important; height: 8px !important; background-image: url(assets/images/minus_dark.png) !important; background-position:top left; background-size:8px 8px; background-repeat: no-repeat; position: absolute; right: 25px !important; top: 26px !important; }
|
|
|
|
.lightondark .wpb_accordion_header { background-color: rgba(255,255,255,0.05) !important; }
|
|
.lightondark .wpb_accordion_header.ui-state-hover { background-color: rgba(255,255,255,0.10) !important; }
|
|
.lightondark .wpb_accordion_header a { color: #fff; }
|
|
.lightondark .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon { background-image: url(assets/images/cross_light.png) !important; }
|
|
.lightondark .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { background-image: url(assets/images/minus_light.png) !important; }
|
|
|
|
/* Tabs */
|
|
|
|
.wpb_tabs_nav li { -webkit-transition: background 0.1s ease-in-out !important; -moz-transition: background 0.1s ease-in-out !important; -o-transition: background 0.1s ease-in-out !important; -ms-transition: background 0.1s ease-in-out !important; margin-right: 0px !important;}
|
|
.wpb_tabs_nav li.ui-state-default { background-color: #dde0e1 !important; }
|
|
.wpb_tabs_nav li.ui-tabs-active,
|
|
.wpb_tabs_nav li.ui-state-hover { background-color: #fff !important; border-top: 6px solid #e03301 !important; }
|
|
.wpb_tabs_nav li a { padding: 6px 20px !important; padding-top: 12px !important; text-transform: none; letter-spacing: 0px; font-size: 17px; font-weight: 500; color: #8a8f95 !important; }
|
|
|
|
.wpb_tabs_nav li.ui-tabs-active a,
|
|
.wpb_tabs_nav li.ui-state-hover a { padding: 6px 20px !important; }
|
|
|
|
.wpb_tab { background-color: transparent !important; padding: 0px !important; padding-top: 20px !important; }
|
|
|
|
.wpb_tabs_nav li.ui-tabs-active a,
|
|
.wpb_tabs_nav li.ui-state-hover a { color: #000 !important; }
|
|
|
|
|
|
.lightondark .wpb_tabs_nav li.ui-state-default { background-color: rgba(255,255,255,0.05) !important; }
|
|
.lightondark .wpb_tabs_nav li.ui-tabs-active,
|
|
.lightondark .wpb_tabs_nav li.ui-state-hover { background-color: rgba(255,255,255,0.10) !important; }
|
|
.lightondark .wpb_tabs_nav li a { color: #fff; }
|
|
.lightondark .wpb_tab { background-color: rgba(255,255,255,0.10) !important; }
|
|
|
|
/* Rev Slider Doc */
|
|
|
|
.revslider-doc #content-container img { box-shadow: 0px 0px 0px 5px #fff; -webkit-box-shadow: 0px 0px 0px 5px #fff; }
|
|
|
|
|
|
/* Tour Section */
|
|
|
|
.wpb_tour .wpb_tabs_nav li { margin-bottom: 0px !important; }
|
|
.wpb_tour .wpb_tab { padding: 0 !important; padding-left: 25px !important; }
|
|
|
|
.wpb_tour li.ui-state-default { border-bottom: 0px solid transparent !important; }
|
|
|
|
.wpb_tour li.ui-tabs-active,
|
|
.wpb_tour li.ui-state-hover { background-color: #fff !important; border: 0 !important; border-bottom: 0px solid #dde0e1 !important; }
|
|
|
|
.wpb_tour_tabs_wrapper .wpb_prev_slide { margin-left: 5px; }
|
|
.wpb_tour_tabs_wrapper .wpb_prev_slide,
|
|
.wpb_tour_tabs_wrapper .wpb_next_slide { font-size: 13px; font-weight: 500; text-transform: none; }
|
|
.wpb_tour_tabs_wrapper .wpb_prev_slide a { text-decoration: none; border-bottom: 0; padding-bottom: 0; color: #8a8f95; }
|
|
.wpb_tour_tabs_wrapper .wpb_prev_slide a:before { content: '\e839'; padding-right: 5px; font-family: 'fontello'; }
|
|
.wpb_tour_tabs_wrapper .wpb_next_slide a { text-decoration: none; border-bottom: 0; padding-bottom: 0; color: #8a8f95; }
|
|
.wpb_tour_tabs_wrapper .wpb_next_slide a:after { content: '\e86b'; padding-left: 5px; font-family: 'fontello'; }
|
|
.wpb_tour_tabs_wrapper .wpb_prev_slide a:hover,
|
|
.wpb_tour_tabs_wrapper .wpb_next_slide a:hover { color: #000; }
|
|
.wpb_tour_tabs_wrapper .wpb_prev_slide,
|
|
.wpb_tour_tabs_wrapper .wpb_next_slide { margin-top: 20px !important; }
|
|
|
|
|
|
.lightondark .wpb_tour_tabs_wrapper .wpb_prev_slide a,
|
|
.lightondark .wpb_tour_tabs_wrapper .wpb_next_slide a { opacity: 0.35; color: #fff; }
|
|
.lightondark .wpb_tour_tabs_wrapper .wpb_prev_slide a:hover,
|
|
.lightondark .wpb_tour_tabs_wrapper .wpb_next_slide a:hover { opacity: 1; }
|
|
|
|
/* Price Tables */
|
|
|
|
.pricetable { width: 100%; position: relative; }
|
|
.pricetable .priceitem { display: inline-block; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; position: relative; text-align: center; float: left; }
|
|
.pricetable .priceitem:last-child { padding-right: 0; }
|
|
.pricetable .priceitem h3.pricetitle { font-size: 36px; line-height: 40px; font-weight: 700; margin: 0; background: #027ee1; color: #fff; padding: 30px 40px; }
|
|
.pricetable .priceitem h3.pricetitle a { color: #fff !important; }
|
|
.pricetable .priceitem .pricesubline { font-size: 22px; line-height: 24px; font-weight: 300; margin: 0; color: #fff; }
|
|
.pricetable .priceitem .price { font-size: 75px; line-height: 75px; font-weight: 700; margin: 0; background: #ddd; padding: 10px; padding-bottom: 0; color: #000; padding-left: 40px; }
|
|
.pricetable .priceitem .price .currency { font-size: 36px; margin-right: -10px; margin-left: -50px; color: #000; }
|
|
.pricetable .priceitem .entry { font-weight: 400; margin: 0; background: #e5e5e5; padding: 10px 40px; color: #000; }
|
|
.pricetable .priceitem .image img { max-width: 100%; margin-bottom: -1px; }
|
|
.pricetable .priceitem .buy { font-size: 13px; line-height: 20px; font-weight: 600; margin: 0; background: #ddd; padding: 25px 40px; }
|
|
.pricetable .priceitem .entry p { margin-bottom: 0; }
|
|
.pricetable .priceitem ul { padding-top: 10px; padding-bottom: 10px; background: #e5e5e5; }
|
|
.pricetable .priceitem .entry.nope { color: #e03301 !important; text-decoration: line-through; }
|
|
|
|
.pricetable .priceitem.highlight h3.pricetitle { background: #222; color: #fff; }
|
|
.pricetable .priceitem.highlight .price { color: #fff; background: #252525; }
|
|
.pricetable .priceitem.highlight .pricesubline { color: #fff; }
|
|
.pricetable .priceitem.highlight .price .currency { color: #fff; }
|
|
.pricetable .priceitem.highlight .entry { color: #fff; background: #222; }
|
|
.pricetable .priceitem.highlight .entry p { color: #fff; }
|
|
.pricetable .priceitem.highlight .buy { background: #252525; }
|
|
.pricetable .priceitem.highlight ul { background: #222; }
|
|
|
|
|
|
.pricetable.fourcol .priceitem {
|
|
width: 25%;
|
|
}
|
|
.pricetable.threecol .priceitem {
|
|
width: 33.333%;
|
|
}
|
|
.pricetable.twocol .priceitem {
|
|
width: 50%;
|
|
}
|
|
|
|
.lightondark .pricetable .priceitem h3.pricetitle { color: #fff; background: rgba(0,0,0,0.5); }
|
|
.lightondark .pricetable .priceitem h3.pricetitle a { color: #fff; }
|
|
.lightondark .pricetable .priceitem.highlight h3.pricetitle { background: #33bfd8; color: #fff;}
|
|
.lightondark .pricetable .priceitem .pricesubline { color: #fff; }
|
|
.lightondark .pricetable .priceitem .price { background: rgba(0,0,0,0.25); color: #fff; border-bottom: 1px solid rgba(255,255,255,0.1);}
|
|
.lightondark .pricetable .priceitem .entry { background: rgba(0,0,0,0.25); color: #fff; border-bottom: 1px solid rgba(255,255,255,0.1); }
|
|
.lightondark .pricetable .priceitem .buy { background: rgba(0,0,0,0.5); }
|
|
.lightondark .pricetable .priceitem.highlight .price { border-top: 1px solid #2d3032; border-bottom: 1px solid #2d3032; font-size: 35px; color: #fff; background: #2d3032; }
|
|
.lightondark .pricetable .priceitem.highlight .entry { color: #fff; background: #313437; border-bottom: 1px solid #2d3032; }
|
|
.lightondark .pricetable .priceitem.highlight .buy { padding-bottom: 40px; background: #2d3032; }
|
|
|
|
/* Quick Slider Loader Style */
|
|
|
|
.quickrevslider .tp-loader.spinner2 { background-color: #fff; }
|
|
.light .quickrevslider { background: #252525 !important; }
|
|
|
|
|
|
/******************************
|
|
- SIMPLE MASONRY -
|
|
********************************/
|
|
|
|
|
|
.simplegrid {
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.simplegrid .simpleitem img {
|
|
width: auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.simplegrid .simpleitem {
|
|
display: inline-block;
|
|
margin-right: -4px;
|
|
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
|
|
padding: 0 20px 20px 0;
|
|
position: relative;
|
|
-webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out;
|
|
}
|
|
|
|
.simplegrid:hover > .simpleitem { opacity: 0.25; }
|
|
.simplegrid:hover > .simpleitem:hover { opacity: 1.0; }
|
|
|
|
.simplegrid.threecol .simpleitem {
|
|
width: 33.333%;
|
|
}
|
|
.simplegrid.twocol .simpleitem {
|
|
width: 50%;
|
|
}
|
|
.simplegrid.fourcol .simpleitem {
|
|
width: 25%;
|
|
}
|
|
.simplegrid.fivecol .simpleitem {
|
|
width: 20%;
|
|
}
|
|
|
|
|
|
/*-----------------------------*/
|
|
/* HEADER */
|
|
/*-----------------------------*/
|
|
#subheader { background:#fff;}
|
|
#subheader { line-height:25px; }
|
|
|
|
#subheader .top_header_line_left { text-align: left;}
|
|
#subheader .top_header_line_right { text-align: right;}
|
|
|
|
.sticky-wrapper-header { height:0px !important;z-index:10000;}
|
|
|
|
|
|
#header_wrapper { position: relative; z-index:10000;}
|
|
#header { padding:60px 40px 0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; position:absolute;width:100%; z-index:10010;}
|
|
#header { line-height:50px; }
|
|
|
|
#header i { font-size:16px; vertical-align: top;}
|
|
#header_inner_wrapper { margin-right: auto; margin-left: auto; padding-left: 15px;padding-right: 15px;-webkit-backface-visibility: hidden; }
|
|
#header_inner_wrapper .row { position: relative;}
|
|
|
|
|
|
#logo_wrapper { position: relative}
|
|
#logo img { vertical-align: top; position:absolute;top:0px;left:0px;}
|
|
#logo .scrolledlogo { visibility: hidden; }
|
|
.stuck #logo .scrolledlogo { visibility: visible; }
|
|
.stuck #logo .mainlogo { display:none}
|
|
|
|
.boxed .container#header_inner_wrapper { width:100%; max-width:1170px}
|
|
.boxed .container.titleincontent { padding-left:0px;}
|
|
.boxed .container.titleincontent.hb_inner_wrapper { width:1170px;}
|
|
|
|
|
|
#nav-floating { padding:0px 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
|
|
.leftside.background_onlyitems #nav-floating { float:left}
|
|
.rightside #nav-floating { float:right}
|
|
|
|
.background_fullmenu.leftside #navigation { margin-left:15px;}
|
|
|
|
/* Header Background Extend */
|
|
#header.stuck.darkextend { background: #000; }
|
|
#header.stuck.lightextend { background: #eee; }
|
|
|
|
#header.fullwidth.darkextend { background: #252525; }
|
|
#header.fullwidth.lightextend { background: #eee; }
|
|
|
|
|
|
/* LIKES IN HEADER */
|
|
.headerlikes { float:left; padding:0px 5px; color:#000;}
|
|
.headerlikesicon { color:#000; vertical-align:middle; float:left;}
|
|
.likesamount { margin-left:5px; float:left; color:#000 }
|
|
.likesamount .count,
|
|
.likesamount .count:hover,
|
|
.headertop .headerlefttext .count,
|
|
.headertop .headerlefttext .count:hover { color:#000; text-decoration:none; }
|
|
.hlfblike:hover { background:#4672b3}
|
|
.hltwlike:hover { background:#099bcc}
|
|
.hlpinterest:hover { background:#c32524}
|
|
.hlgplus:hover { background:#da4a38}
|
|
|
|
#header_widgets_wrapper .shareme { display:inline;padding:0;line-height: inherit;}
|
|
#header_widgets_wrapper .headerlikesicon { color: rgba(51,51,51,0.54) }
|
|
#header_widgets_wrapper a.shareme:hover .headerlikesicon { color: rgba(51,51,51,1) }
|
|
.darkmainnav #header_widgets_wrapper .headerlikesicon { color: rgba(255,255,255,0.66); }
|
|
.darkmainnav #header_widgets_wrapper a.shareme:hover .headerlikesicon { color: #fff; }
|
|
|
|
|
|
/* SEARCH */
|
|
#header_search { margin-right:15px; }
|
|
#header_widgets_wrapper { padding-left:0px;}
|
|
#header_search .searchbutton { cursor:pointer;width:23px;height:23px; background:url("assets/images/searchlight.png") no-repeat; background-size:100%; background-position:center; display: inline-block; vertical-align: middle; margin-top:-3px;}
|
|
|
|
#header_plus { margin-right:15px; }
|
|
#header_plus .theplusbutton { cursor:pointer;width:23px;height:23px; background:url("assets/images/pluslight.png") no-repeat; background-size:100%; background-position:center; display: inline-block; vertical-align: middle; margin-top:-3px;}
|
|
|
|
|
|
#header_plus,
|
|
#header_search { margin-left:20px;}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
#header_plus,
|
|
#header_search,
|
|
#header_widgets_wrapper,
|
|
#navigation { visibility: hidden; height:0px;}
|
|
}
|
|
|
|
|
|
/* HEADER BACKGROUND */
|
|
#header_background,
|
|
#header_background.withtp-media.withimage .innerbgholder { min-height:180px;width:100%; position: relative;
|
|
background-size:cover;
|
|
background-position: center center;
|
|
z-index: 1;
|
|
}
|
|
|
|
#header_background.withtp-media { min-height: 0px;}
|
|
#header_background.withtp-media { min-height: 0px;}
|
|
.boxed #header_background.withtp-media .boxed_inner_wrapper { max-width:1250px; margin:auto;}
|
|
|
|
.header_background_overlay { position: absolute;top:0;left:0;width:100%;height:100%;}
|
|
|
|
|
|
#header_background.stuck { position:fixed; padding-top:0px;top:0px;}
|
|
|
|
|
|
#page-title-wrapper { padding: 0px 40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
|
|
|
|
|
|
.sbr-titlemediawrapper #page-title-wrapper { padding:0px 0px}
|
|
|
|
.hb_inner_wrapper { position: relative; }
|
|
|
|
#pagetitle { font-size:40px;font-weight:700; position:relative; padding:0px;margin:0px; line-height:40px;}
|
|
.single #pagetitle { font-size:40px;letter-spacing: 0px;}
|
|
#pagetitle.light { color:#fff;}
|
|
|
|
#pagetitle.headerunderline { padding-bottom:10px;}
|
|
|
|
|
|
|
|
|
|
/* PAGE TITLE IN HEADER SECTION */
|
|
.innerbgholder #page-title-wrapper { width:100%;height:100%;position: absolute;}
|
|
.innerbgholder .hb_inner_wrapper { display:table; height:100% !important; padding:0px !important}
|
|
.innerbgholder .page_title_outter_wrapper { display:table-cell; height:100%;vertical-align:middle}
|
|
.innerbgholder #pagetitle { padding-bottom:11px;margin-top:40px;}
|
|
|
|
|
|
/* THE BOXED / FULLWIDTH HEADER CHANGES */
|
|
|
|
#header.fullwidth { padding:0px 40px}
|
|
#header.boxed { padding:40px 0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
#header.boxed.fullwidth { padding:0px; width:100%;}
|
|
#header_background .container { position:relative; height:180px; padding:0px 40px; box-sizing: content-box;-webkit-box-sizing: content-box;}
|
|
#header_inner_bg { width:100%;height:100%;position:absolute;top:0px;left:0px;background-position:center center; background-size:cover;}
|
|
|
|
#header.boxed #header_inner_wrapper >.row { padding:0px 40px;}
|
|
|
|
|
|
|
|
|
|
/* STICKY SETTINGS IN HEADER */
|
|
#header.stuck { display:none; position:fixed; padding-top:0px !important;top:0px; }
|
|
.stickyimage.stuck { position:fixed; width:100%;left:0px;top:0px; z-index:-1}
|
|
#header.stuck #subheader { display:none}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*------------------------------*/
|
|
/* NAVIGATION */
|
|
/*------------------------------*/
|
|
|
|
|
|
#navigation { visibility: hidden;}
|
|
#navigation.adjusted { visibility:visible}
|
|
#navigation.showmobile { float:right;}
|
|
#navigation.showmobile ul { display:none}
|
|
#navigation #mobile-navigation { display:none; cursor: pointer; padding-right:10px; padding-left:10px; margin-right: -10px; background: #000; }
|
|
|
|
#navigation #mobile-navigation .showonopen { display:none;}
|
|
#navigation #mobile-navigation .showonclose { display:inline-block}
|
|
#navigation #mobile-navigation.opened .showonopen { display:inline-block;}
|
|
#navigation #mobile-navigation.opened .showonclose { display:none}
|
|
|
|
#navigation #mobile-navigation i { font-size:25px;position: relative; color: #fff;}
|
|
#navigation.showmobile #mobile-navigation { display:inline-block;}
|
|
#navigation .navigation li ul,
|
|
#navigation .navigation li ul li { line-height: 24px;}
|
|
|
|
#navigation>ul>li a { line-height:50px;}
|
|
|
|
|
|
/* LIGHT MOBILE NAV BUTTON */
|
|
#navigation #mobile-navigation.lightnav { background: #eee; }
|
|
#navigation #mobile-navigation.lightnav i { color: #333;}
|
|
|
|
/* NAVIGATION LEVEL POSITIONS AND STYLES */
|
|
#navigation ul,
|
|
#navigation li { list-style: none; padding:0; margin:0; position: relative; -webkit-backface-visibility: hidden;}
|
|
#navigation li.tp-esg-item { position: absolute; }
|
|
#navigation li { display:inline; vertical-align: top; }
|
|
#navigation ul li ul { position:absolute; min-width:200px; left:-21px; padding:17px 0px 17px}
|
|
#navigation ul li:not(.megamenu) ul { display:none;}
|
|
#navigation ul li ul li { display:block;}
|
|
#navigation ul li:not(.megamenu) ul li ul { position:absolute;left:100%;top:-17px;display:none}
|
|
#navigation ul li:hover>ul,
|
|
#navigation ul li ul li:hover>ul { display:block;}
|
|
#navigation ul li:not(.megamenu) ul li ul.totheleft { left:-100% !important}
|
|
|
|
|
|
/* NAVIGATION LINKS ALL LEVEL*/
|
|
#navigation a,
|
|
#navigation a:visited { text-decoration: none; text-transform: none; vertical-align: top}
|
|
#navigation>ul>li>a,
|
|
#navigation>ul>li>a:visited { cursor: pointer; position: relative; }
|
|
|
|
/* NAVIGATION LINKS IN 1ST LEVEL*/
|
|
#navigation a,
|
|
#navigation a:visited { font-weight:500; font-size:17px; display: inline-block; padding:0px; margin: 0px; letter-spacing: 0px; }
|
|
#navigation>ul>li { margin: 0 15px; }
|
|
|
|
/* NAVIGATION LINKS IN SUB LEVELS*/
|
|
#navigation ul li:not(.megamenu) ul li.menu-item-has-children:after { content: " ";position:absolute;right:20px;top:8px; width:7px;height:24px; background:url(assets/images/lightcross.png); background-repeat:no-repeat; background-position:top left; background-size:7px 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";filter: alpha(opacity=25);-moz-opacity: 0.25;-khtml-opacity: 0.25;opacity: 0.25;}
|
|
#navigation ul li.lightnav:not(.megamenu) ul li.menu-item-has-children:after { background-image:url(assets/images/darkcross.png); }
|
|
#navigation ul li ul li.menu-item-has-children:hover:after { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
|
|
|
|
#navigation ul li ul a,
|
|
#navigation ul li ul a:visited { line-height:30px; font-weight:500; display: block; padding:0px 24px; font-size:16px; cursor: pointer; white-space: nowrap; }
|
|
|
|
/* MEGAMENU */
|
|
#navigation ul li.megamenu ul li ul { position:relative;display:block; top:auto;left:auto;}
|
|
#navigation ul li.megamenu>ul>li { display:inline-block;}
|
|
#navigation ul li.megamenu ul { padding:0px}
|
|
#navigation ul li.megamenu>ul { position:absolute; width:100%; left:0px; visibility:hidden; text-align: center;padding:25px 0px 0px;}
|
|
#navigation ul li.megamenu.leftoriented>ul { text-align: left;}
|
|
#navigation li.megamenu>ul>li { text-align: left; padding:0px 25px; margin-bottom:25px;}
|
|
#navigation li.megamenu>ul>li:last-child { border-right:none;}
|
|
#navigation li.megamenu>ul>li>ul { min-width:20px; padding-top:5px;}
|
|
#navigation li.megamenu ul a,
|
|
#navigation li.megamenu ul a:visited { padding:0px; }
|
|
#navigation li.megamenu .megamenutitle,
|
|
#navigation li.megamenu>ul>li>a,
|
|
#navigation li.megamenu>ul>li>a:visited,
|
|
#navigation li.megamenu h3 { line-height:25px; font-weight:600; display:block; padding:0px; font-size:13px;text-decoration: none; margin-bottom:0px; }
|
|
|
|
#navigation li.megamenu>ul>li.norightborder { border-right: none !important}
|
|
|
|
|
|
/**********************************/
|
|
/* BASIC LIGHT NAVIGATION COLORS */
|
|
/********************************/
|
|
#navigation>ul>li.lightnav>ul { background:#eee; }
|
|
#navigation ul li.lightnav.megamenu ul li ul { box-shadow:none; -webkit-box-shadow: none;}
|
|
|
|
.lightmainnav #navigation>ul>li>a,
|
|
.lightmainnav #navigation>ul>li>a:visited { color: rgba(51,51,51,0.54); -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out;}
|
|
|
|
.lightmainnav #navigation>ul>li:hover>a,
|
|
.lightmainnav #navigation>ul>li>a:hover,
|
|
.lightmainnav #navigation>ul>li.current-menu-item>a,
|
|
.lightmainnav #navigation>ul>li.current-menu-ancestor>a { color:#333;}
|
|
|
|
#navigation .lightnav a,
|
|
#navigation .lightnav a:visited,
|
|
#navigation .lightnav .megamenutitle,
|
|
#navigation .lightnav a.megamenutitle,
|
|
#navigation .lightnav a.megamenutitle:visited,
|
|
#navigation .lightnav a.megamenutitle:hover { color:#333;}
|
|
|
|
#navigation #mobile-navigation { color:#333;}
|
|
|
|
#navigation li.lightnav.megamenu>ul>li { border-right:1px solid #aaa; border-right:1px solid rgba(0,0,0,0.15);}
|
|
|
|
#navigation ul li.lightnav ul a,
|
|
#navigation ul li.lightnav ul a:visited { color:#333;color:rgba(51,51,51,0.54); background:transparent;}
|
|
|
|
#navigation .lightnav li.menu-item-has-children:after { color:#333;color:rgba(51,51,51,0.54); }
|
|
|
|
#navigation ul li.lightnav ul li:hover>a,
|
|
#navigation ul li.lightnav ul li:hover>a:hover,
|
|
#navigation ul li.lightnav ul li:hover>a:visited,
|
|
#navigation .lightnav li.menu-item-has-children:hover:after { color:#333; background-color:transparent }
|
|
|
|
/* HOVER EFFECTS FOR 2ND LEVEL MENU */
|
|
|
|
#header_inner_wrapper .row { background:#eee}
|
|
.lightmainnav #header_search .searchbutton { background:url("assets/images/searchdark.png") no-repeat;background-size:100% }
|
|
.lightmainnav #header_plus .theplusbutton { background:url("assets/images/plusdark.png") no-repeat;background-size:100% }
|
|
|
|
|
|
/* NOT FULL FILLED BACKGROUNDS !! */
|
|
#header_inner_wrapper.background_onlyitems .row { background: transparent !important}
|
|
#header_inner_wrapper.background_onlyitems #nav-floating { background: #fff; }
|
|
|
|
/**********************************/
|
|
/* BASIC DARK NAVIGATION COLORS */
|
|
/********************************/
|
|
#navigation>ul>li.darknav>ul { background:#000; }
|
|
|
|
.darkmainnav #navigation #mobile-navigation,
|
|
.darkmainnav #navigation>ul>li>a,
|
|
.darkmainnav #navigation>ul>li>a:visited { color:rgba(255,255,255,0.66); -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out;}
|
|
|
|
.darkmainnav #navigation>ul>li:hover>a,
|
|
.darkmainnav #navigation>ul>li>a:hover,
|
|
.darkmainnav #navigation>ul>li.current-menu-item>a,
|
|
.darkmainnav #navigation>ul>li.current-menu-ancestor>a { color:#fff;}
|
|
|
|
#navigation .darknav a,
|
|
#navigation .darknav a:visited,
|
|
#navigation .darknav a.megamenutitle,
|
|
#navigation .darknav a.megamenutitle:visited,
|
|
#navigation .darknav a.megamenutitle:hover,
|
|
#navigation .darknav .megamenutitle { color:#fff;}
|
|
|
|
#navigation li.darknav.megamenu>ul>li { border-right:1px solid #ddd; border-right:1px solid rgba(255,255,255,0.15);}
|
|
#navigation ul li.darknav ul a,
|
|
#navigation ul li.darknav ul a:visited { color:#fff;color:rgba(255,255,255,0.66); background:transparent;}
|
|
#navigation li.darknav.menu-item-has-children:after { color:#fff;color:rgba(255,255,255,0.66);}
|
|
|
|
#navigation ul li.darknav ul li:hover>a,
|
|
#navigation ul li.darknav ul li:hover>a:hover,
|
|
#navigation ul li.darknav ul li:hover>a:visited,
|
|
#navigation li.darknav.menu-item-has-children:hover:after { color:#fff; background-color:transparent }
|
|
|
|
/* HOVER EFFECTS FOR 2ND LEVEL MENU */
|
|
|
|
#navigation li.megamenu>ul>li:last-child { border-right:0px ! important}
|
|
|
|
#header_inner_wrapper.darkmainnav .row,
|
|
#header_inner_wrapper.background_onlyitems.darkmainnav #nav-floating { background:#000}
|
|
|
|
.darkmainnav .headerlikes,
|
|
.darkmainnav .headerlikesicon,
|
|
.darkmainnav .likesamount,
|
|
.darkmainnav .searchbutton { color:#fff;}
|
|
|
|
/* MENU ICONS */
|
|
|
|
.navigation i.menuicon { font-weight: 400; font-size: 14px !important; margin-right: 8px; }
|
|
.sub-menu i.menuicon { font-weight: 400; font-size: 14px !important; margin-right: 8px; }
|
|
.navigation i.menuicon.icon-menu { font-size: 18px !important; }
|
|
.navigation i.menuicon.icon-mail-alt { font-size: 12px !important; margin-left: 2px; margin-right: 9px; }
|
|
|
|
/* MEGAMENU LINK COLORS */
|
|
#navigation ul li.megamenu .footer_widget { color: rgba(255,255,255,0.5); }
|
|
#navigation ul li.megamenu .footer_widget a { color: rgba(255,255,255,0.65); }
|
|
#navigation ul li.megamenu .footer_widget a:hover { color: rgba(255,255,255,1); }
|
|
|
|
/**************************************************************/
|
|
/* TRANSPARENT AND GRADIENT MAIN MENU COLOR CHANGES ON SCROLL */
|
|
/**************************************************************/
|
|
|
|
|
|
/* TRANSPARENT AND GRADIENT MAIN NAV */
|
|
#header_inner_wrapper.gradient.lightmainnav .row,
|
|
#header_inner_wrapper.gradient.darkmainnav .row,
|
|
#header_inner_wrapper.background_onlyitems.gradient.lightmainnav #nav-floating,
|
|
#header_inner_wrapper.background_onlyitems.gradient.darkmainnav #nav-floating
|
|
{ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
|
|
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
|
|
background: -moz-linear-gradient(top, rgba(0,0,0,0) 10%, rgba(0,0,0,0.40) 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.40))); /* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 10%,rgba(0,0,0,0.40) 100%); /* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, rgba(0,0,0,0) 10%,rgba(0,0,0,0.40) 100%); /* Opera 11.10+ */
|
|
background: -ms-linear-gradient(top, rgba(0,0,0,0) 10%,rgba(0,0,0,0.40) 100%); /* IE10+ */
|
|
background: linear-gradient(to bottom, rgba(0,0,0,0) 10%,rgba(0,0,0,0.40) 100%); /* W3C */
|
|
-webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out; -webkit-backface-visibility: hidden;
|
|
}
|
|
|
|
.gradientactive.include_sub #navigation>ul>li>ul { background-color:transparent !important;
|
|
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
|
|
background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.0) 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0.0))); /* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.0) 100%); /* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.0) 100%); /* Opera 11.10+ */
|
|
background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.0) 100%); /* IE10+ */
|
|
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.0) 100%); /* W3C */
|
|
-webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out; -webkit-backface-visibility: hidden;
|
|
}
|
|
.gradientactive.include_sub.fontdark #navigation>ul>li * { color:#000 !important}
|
|
.gradientactive.include_sub.fontlight #navigation>ul>li * { color:#fff !important; }
|
|
|
|
.transparentactive.include_sub #navigation>ul>li>ul { background-color:transparent !important;
|
|
-webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out; -webkit-backface-visibility: hidden;
|
|
}
|
|
.transparentactive.include_sub.fontdark #navigation>ul>li * { color:#000 !important}
|
|
.transparentactive.include_sub.fontlight #navigation>ul>li * { color:#fff !important; color:rgba(255,255,255,0.66) !important;}
|
|
|
|
|
|
|
|
#header_inner_wrapper.transparent.lightmainnav .row,
|
|
#header_inner_wrapper.background_onlyitems.transparent.lightmainnav #nav-floating
|
|
|
|
{ background:transparent; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out; -webkit-backface-visibility: hidden;}
|
|
|
|
|
|
.pagescrolled .stuck #header_inner_wrapper.transparent.lightmainnav .row,
|
|
.pagescrolled .stuck #header_inner_wrapper.gradient.lightmainnav .row,
|
|
.pagescrolled .stuck #header_inner_wrapper.background_onlyitems.transparent.lightmainnav #nav-floating,
|
|
.pagescrolled .stuck #header_inner_wrapper.background_onlyitems.gradient.lightmainnav #nav-floating { background:#eee;}
|
|
|
|
#header_inner_wrapper.transparent.darkmainnav .row,
|
|
#header_inner_wrapper.background_onlyitems.transparent.darkmainnav #nav-floating { background:transparent; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out; -webkit-backface-visibility: hidden;}
|
|
|
|
.pagescrolled .stuck #header_inner_wrapper.transparent.darkmainnav .row,
|
|
.pagescrolled .stuck #header_inner_wrapper.gradient.darkmainnav .row,
|
|
.pagescrolled .stuck #header_inner_wrapper.background_onlyitems.transparent.darkmainnav #nav-floating,
|
|
.pagescrolled .stuck #header_inner_wrapper.background_onlyitems.gradient.darkmainnav #nav-floating { background:#000; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* TRANSPARENT LIGHT TO LIGHTBG WITH DARK FONT */
|
|
.lightmainnav.fontlight #navigation>ul>li>a,
|
|
.lightmainnav.fontlight #navigation>ul>li>a:visited,
|
|
.lightmainnav.fontlight .headerlikes,
|
|
.lightmainnav.fontlight .headerlikesicon,
|
|
.lightmainnav.fontlight .likesamount,
|
|
.lightmainnav.fontlight .searchbutton,
|
|
.lightmainnav.fontlight #navigation #mobile-navigation { color:#fff; color:rgba(255,255,255,0.66); -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; }
|
|
|
|
.lightmainnav.fontlight #navigation>ul>li:hover>a,
|
|
.lightmainnav.fontlight #navigation>ul>li>a:hover,
|
|
.lightmainnav.fontlight #navigation>ul>li.current-menu-item>a,
|
|
.lightmainnav.fontlight #navigation>ul>li.current-menu-ancestor>a { color:#fff;}
|
|
|
|
.lightmainnav.fontlight #header_search .searchbutton { background:url("assets/images/searchlight.png") no-repeat;background-size:100% }
|
|
.lightmainnav.fontlight #header_plus .theplusbutton { background:url("assets/images/pluslight.png") no-repeat;background-size:100% }
|
|
|
|
.pagescrolled .stuck .lightmainnav.fontlight #navigation>ul>li>a,
|
|
.pagescrolled .stuck .lightmainnav.fontlight #navigation>ul>li>a:visited,
|
|
.pagescrolled .stuck .lightmainnav.fontlight .headerlikes,
|
|
.pagescrolled .stuck .lightmainnav.fontlight .headerlikesicon,
|
|
.pagescrolled .stuck .lightmainnav.fontlight .likesamount,
|
|
.pagescrolled .stuck .lightmainnav.fontlight .searchbutton,
|
|
.pagescrolled .stuck .lightmainnav.fontlight #navigation #mobile-navigation { color:#333; color:rgba(51,51,51,0.54);}
|
|
|
|
.pagescrolled .stuck .lightmainnav.fontlight #navigation>ul>li:hover>a,
|
|
.pagescrolled .stuck .lightmainnav.fontlight #navigation>ul>li>a:hover,
|
|
.pagescrolled .stuck .lightmainnav.fontlight #navigation>ul>li.current-menu-item>a,
|
|
.pagescrolled .stuck .lightmainnav.fontlight #navigation>ul>li.current-menu-ancestor>a { color:#333;}
|
|
|
|
.pagescrolled .stuck .lightmainnav.fontlight #header_search .searchbutton { background:url("assets/images/searchdark.png") no-repeat;background-size:100% }
|
|
.pagescrolled .stuck .lightmainnav.fontlight #header_plus .theplusbutton { background:url("assets/images/plusdark.png") no-repeat;background-size:100% }
|
|
|
|
/*TRANSPARENT DARK TO LIGHTBG WITH DARK FONT */
|
|
.lightmainnav.fontdark #navigation>ul>li>a,
|
|
.lightmainnav.fontdark #navigation>ul>li>a:visited,
|
|
.lightmainnav.fontdark .headerlikes,
|
|
.lightmainnav.fontdark .headerlikesicon,
|
|
.lightmainnav.fontdark .likesamount,
|
|
.lightmainnav.fontdark .searchbutton,
|
|
.lightmainnav.fontdark #navigation #mobile-navigation { color:#333;color:rgba(51,51,51,0.54);-webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; }
|
|
|
|
.lightmainnav.fontdark #navigation>ul>li:hover>a,
|
|
.lightmainnav.fontdark #navigation>ul>li>a:hover,
|
|
.lightmainnav.fontdark #navigation>ul>li.current-menu-item>a,
|
|
.lightmainnav.fontdark #navigation>ul>li.current-menu-ancestor>a { color:#333;}
|
|
|
|
.lightmainnav.fontdark #header_search .searchbutton { background:url("assets/images/searchdark.png") no-repeat;background-size:100% }
|
|
.lightmainnav.fontdark #header_plus .theplusbutton { background:url("assets/images/plusdark.png") no-repeat;background-size:100% }
|
|
|
|
.pagescrolled .stuck .lightmainnav.fontdark #navigation>ul>li>a,
|
|
.pagescrolled .stuck .lightmainnav.fontdark #navigation>ul>li>a:visited,
|
|
.pagescrolled .stuck .lightmainnav.fontdark .headerlikes,
|
|
.pagescrolled .stuck .lightmainnav.fontdark .headerlikesicon,
|
|
.pagescrolled .stuck .lightmainnav.fontdark .likesamount,
|
|
.pagescrolled .stuck .lightmainnav.fontdark .searchbutton { color:#333;color:rgba(51,51,51,0.54);}
|
|
|
|
.pagescrolled .stuck .lightmainnav.fontdark #navigation>ul>li:hover>a,
|
|
.pagescrolled .stuck .lightmainnav.fontdark #navigation>ul>li>a:hover,
|
|
.pagescrolled .stuck .lightmainnav.fontdark #navigation>ul>li.current-menu-item>a,
|
|
.pagescrolled .stuck .lightmainnav.fontdark #navigation>ul>li.current-menu-ancestor>a { color:#333;}
|
|
|
|
/* TRANSPARENT LIGHT TO DARKBG WITH LIGHT FONT */
|
|
.darkmainnav.fontlight #navigation>ul>li>a,
|
|
.darkmainnav.fontlight #navigation>ul>li>a:visited,
|
|
.darkmainnav.fontlight .headerlikes,
|
|
.darkmainnav.fontlight .headerlikesicon,
|
|
.darkmainnav.fontlight .likesamount,
|
|
.darkmainnav.fontlight .searchbutton,
|
|
.darkmainnav.fontlight #navigation #mobile-navigation { color:#fff;color:rgba(255,255,255,0.66);-webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; }
|
|
|
|
.darkmainnav.fontlight #navigation>ul>li:hover>a,
|
|
.darkmainnav.fontlight #navigation>ul>li>a:hover,
|
|
.darkmainnav.fontlight #navigation>ul>li.current-menu-item>a,
|
|
.darkmainnav.fontlight #navigation>ul>li.current-menu-ancestor>a { color:#fff;}
|
|
|
|
.darkmainnav.fontlight #navigation>ul>li>a:after,
|
|
.darkmainnav.fontlight #navigation>ul>li>a:visited:after { position: absolute; left: 0; bottom: 0px; width: 0; height: 3px; background: #fff600; content: ""; -webkit-transition: width 0.2s ease-out; -moz-transition: width 0.2s ease-out; -o-transition: width 0.2s ease-out; -ms-transition: width 0.2s ease-out; }
|
|
|
|
.darkmainnav.fontlight #navigation>ul>li:hover>a:after,
|
|
.darkmainnav.fontlight #navigation>ul>li>a:hover:after,
|
|
.darkmainnav.fontlight #navigation>ul>li.current-menu-item>a:after,
|
|
.darkmainnav.fontlight #navigation>ul>li.current-menu-ancestor>a:after { width: 100%; }
|
|
|
|
|
|
.darkmainnav.fontlight #header_search .searchbutton { background:url("assets/images/searchlight.png") no-repeat;background-size:100% }
|
|
.darkmainnav.fontlight #header_plus .theplusbutton { background:url("assets/images/pluslight.png") no-repeat;background-size:100% }
|
|
|
|
.pagescrolled .stuck .darkmainnav.fontlight #navigation>ul>li>a,
|
|
.pagescrolled .stuck .darkmainnav.fontlight #navigation>ul>li>a:visited,
|
|
.pagescrolled .stuck .darkmainnav.fontlight .headerlikes,
|
|
.pagescrolled .stuck .darkmainnav.fontlight .headerlikesicon,
|
|
.pagescrolled .stuck .darkmainnav.fontlight .likesamount,
|
|
.pagescrolled .stuck .darkmainnav.fontlight .searchbutton { color:#fff;color:rgba(255,255,255,0.66);}
|
|
.pagescrolled .stuck .darkmainnav.fontlight #navigation>ul>li:hover>a,
|
|
.pagescrolled .stuck .darkmainnav.fontlight #navigation>ul>li>a:hover,
|
|
.pagescrolled .stuck .darkmainnav.fontlight #navigation>ul>li.current-menu-item>a,
|
|
.pagescrolled .stuck .darkmainnav.fontlight #navigation>ul>li.current-menu-ancestor>a { color:#fff;}
|
|
|
|
|
|
/*TRANSPARENT DARK TO DARKBG WITH LIGHT FONT */
|
|
.darkmainnav.fontdark #navigation>ul>li>a,
|
|
.darkmainnav.fontdark #navigation>ul>li>a:visited,
|
|
.darkmainnav.fontdark .headerlikes,
|
|
.darkmainnav.fontdark .headerlikesicon,
|
|
.darkmainnav.fontdark .likesamount,
|
|
.darkmainnav.fontdark .searchbutton,
|
|
.darkmainnav.fontdark #navigation #mobile-navigation { color:#000; color:rgba(0,0,0,0.5); -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; }
|
|
|
|
.darkmainnav.fontdark #navigation>ul>li>a:after,
|
|
.darkmainnav.fontdark #navigation>ul>li>a:visited:after { position: absolute; width: 0; height: 3px; background: #fff600; content: ""; -webkit-transition: width 0.2s ease-out; -moz-transition: width 0.2s ease-out; -o-transition: width 0.2s ease-out; -ms-transition: width 0.2s ease-out; left: 0; bottom: 0px; }
|
|
|
|
.darkmainnav.fontdark #navigation>ul>li:hover>a,
|
|
.darkmainnav.fontdark #navigation>ul>li>a:hover,
|
|
.darkmainnav.fontdark #navigation>ul>li.current-menu-item>a,
|
|
.darkmainnav.fontdark #navigation>ul>li.current-menu-ancestor>a { color:#000; }
|
|
|
|
.darkmainnav.fontdark #navigation>ul>li:hover>a:after,
|
|
.darkmainnav.fontdark #navigation>ul>li>a:hover:after,
|
|
.darkmainnav.fontdark #navigation>ul>li.current-menu-item>a:after,
|
|
.darkmainnav.fontdark #navigation>ul>li.current-menu-ancestor>a:after { width: 100%; }
|
|
|
|
.darkmainnav.fontdark #header_search .searchbutton { background:url("assets/images/searchdark.png") no-repeat;background-size:100% }
|
|
.darkmainnav.fontdark #header_plus .theplusbutton { background:url("assets/images/plusdark.png") no-repeat;background-size:100% }
|
|
|
|
.pagescrolled .stuck .darkmainnav.fontdark #navigation>ul>li>a,
|
|
.pagescrolled .stuck .darkmainnav.fontdark #navigation>ul>li>a:visited,
|
|
.pagescrolled .stuck .darkmainnav.fontdark .headerlikes,
|
|
.pagescrolled .stuck .darkmainnav.fontdark .headerlikesicon,
|
|
.pagescrolled .stuck .darkmainnav.fontdark .likesamount,
|
|
.pagescrolled .stuck .darkmainnav.fontdark .searchbutton,
|
|
.pagescrolled .stuck .darkmainnav.fontdark #navigation #mobile-navigation { color:#fff;color:rgba(255,255,255,0.66);}
|
|
.pagescrolled .stuck .darkmainnav.fontdark #header_search .searchbutton { background:url("assets/images/searchlight.png") no-repeat;background-size:100% }
|
|
.pagescrolled .stuck .darkmainnav.fontdark #header_plus .theplusbutton { background:url("assets/images/pluslight.png") no-repeat;background-size:100% }
|
|
|
|
.pagescrolled .stuck .darkmainnav.fontdark #navigation>ul>li:hover>a,
|
|
.pagescrolled .stuck .darkmainnav.fontdark #navigation>ul>li>a:hover,
|
|
.pagescrolled .stuck .darkmainnav.fontdark #navigation>ul>li.current-menu-item>a,
|
|
.pagescrolled .stuck .darkmainnav.fontdark #navigation>ul>li.current-menu-ancestor>a { color:#fff;}
|
|
|
|
|
|
/******************************
|
|
- RESPONSIVE MENU -
|
|
********************************/
|
|
|
|
.responsivemenuwrapper { position:absolute; width:100%; left:0px;}
|
|
#responsivemenu { display:none;position: relative; margin:0px auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:0px 0px; }
|
|
#responsivemenu .respmenuelement { line-height:30px; display:block; padding-left:10px; position: relative;}
|
|
#responsivemenu .respmenuelement a,
|
|
#responsivemenu .respmenuelement a:visited,
|
|
#responsivemenu .respmenuelement a:hover { color:#333; color: rgba(51,51,51,0.5); font-weight:600; font-size:17px; font-weight: 700; text-decoration: none; display: block; }
|
|
#responsivemenu .nav-level0 { border-bottom:1px solid #e1e1e1; padding:5px 4px 5px 30px;}
|
|
#responsivemenu .nav-level0:last-child { border-bottom:none;}
|
|
#responsivemenu .nav-level0>a,
|
|
#responsivemenu .nav-level0>a:visited,
|
|
#responsivemenu .nav-level0>a:hover { font-size:17px;font-weight:700; color:#333; }
|
|
#responsivemenu .respmenu-inner-wrapper { display: none;}
|
|
#responsivemenu .respmenuelement .respmenu-clickable { cursor: pointer; display: block; position: relative;}
|
|
#responsivemenu .respmenuelement.hassubmenu .respmenu-clickable:after { content: " ";position:absolute;right:20px;top:11px; width:7px;height:30px; background:url(assets/images/darkcross.png); background-repeat:no-repeat; background-position:top left; background-size:7px 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";filter: alpha(opacity=25);-moz-opacity: 0.25;-khtml-opacity: 0.25;opacity: 0.25; }
|
|
#responsivemenu .respmenuelement.hassubmenu.nowopen >.respmenu-clickable:after { content: " ";position:absolute;right:20px;top:11px; width:7px;height:30px; background:url(assets/images/darkminus.png); background-repeat:no-repeat; background-position:top left; background-size:7px 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";filter: alpha(opacity=25);-moz-opacity: 0.25;-khtml-opacity: 0.25;opacity: 0.25; }
|
|
|
|
#responsivemenu.lightnav .respmenuelement.nav-level0>a,
|
|
#responsivemenu.lightnav .respmenuelement.nav-level0>a:visited,
|
|
#responsivemenu.lightnav .respmenuelement.nav-level0>a:hover { color:#333;}
|
|
#responsivemenu.lightnav .respmenuelement a,
|
|
#responsivemenu.lightnav .respmenuelement a:visited,
|
|
#responsivemenu.lightnav .respmenuelement a:hover { color:#333;color:rgba(51,51,51,0.5); background:transparent;}
|
|
#responsivemenu.lightnav { background:#eee; }
|
|
#responsivemenu.lightnav .respmenuelement.hassubmenu .respmenu-clickable:after { color:#333;color:rgba(51,51,51,0.5); }
|
|
#responsivemenu.lightnav .respmenuelement.hassubmenu:hover .respmenu-clickable:after { color:#333; background-color:transparent }
|
|
|
|
#responsivemenu.darknav { background:#000; }
|
|
#responsivemenu.darknav .nav-level0 { border-bottom:1px solid rgba(255,255,255,0.15); }
|
|
#responsivemenu.darknav .respmenuelement.nav-level0>a,
|
|
#responsivemenu.darknav .respmenuelement.nav-level0>a:visited,
|
|
#responsivemenu.darknav .respmenuelement.nav-level0>a:hover { color:#fff;}
|
|
#responsivemenu.darknav .respmenuelement.hassubmenu:after { color:#fff; background-color:transparent }
|
|
#responsivemenu.darknav .respmenuelement.hassubmenu .respmenu-clickable:after { color:#fff;color:rgba(255,255,255,0.5); }
|
|
#responsivemenu.darknav .respmenuelement a,
|
|
#responsivemenu.darknav .respmenuelement a:visited,
|
|
#responsivemenu.darknav .respmenuelement a:hover { color:#fff; color:rgba(255,255,255,0.5); font-weight:700; font-size:17px; text-decoration: none; }
|
|
#responsivemenu.darknav .respmenuelement.hassubmenu .respmenu-clickable:after { content: " ";position:absolute;right:20px;top:11px; width:7px;height:30px; background:url(assets/images/lightcross.png); background-repeat:no-repeat; background-position:top left; background-size:7px 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";filter: alpha(opacity=25);-moz-opacity: 0.25;-khtml-opacity: 0.25;opacity: 0.25; }
|
|
#responsivemenu.darknav .respmenuelement.hassubmenu.nowopen >.respmenu-clickable:after { content: " ";position:absolute;right:20px;top:11px; width:7px;height:30px; background:url(assets/images/lightminus.png); background-repeat:no-repeat; background-position:top left; background-size:7px 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";filter: alpha(opacity=25);-moz-opacity: 0.25;-khtml-opacity: 0.25;opacity: 0.25; }
|
|
|
|
|
|
/******************************
|
|
- RESPONSIVE MENU SIZES -
|
|
********************************/
|
|
|
|
.responsivemenuwrapper { padding:0px 40px 0px;}
|
|
#responsivemenu { width: 100% !important;}
|
|
|
|
@media only screen and (max-width: 992px) {
|
|
.responsivemenuwrapper { padding:0px 20px 0px;}
|
|
}
|
|
|
|
|
|
|
|
/******************************
|
|
- SEARCHWRAPPER -
|
|
********************************/
|
|
|
|
#search_wrapper { position:absolute; top:0px;left:0px;width:100%; height:auto;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
|
filter: alpha(opacity=0);
|
|
-moz-opacity: 0.0;
|
|
-khtml-opacity: 0.0;
|
|
opacity: 0.0;
|
|
z-index:20000;
|
|
}
|
|
|
|
#search_wrapper .esg-filter-wrapper,
|
|
#search_wrapper .esg-pagination { margin-left: 0px !important; }
|
|
|
|
#big_search_wrapper { position:relative; padding-top:0px;}
|
|
#big_search_wrapper .bigsearchfield { width:100%;color:#fff !important;font-size:40px !important; padding:0px 0px!important; font-weight:700;line-height:40px !important; border:none !important; border-bottom:2px solid #fff !important; background: none !important; z-index: 10; position:relative; }
|
|
#big_search_fake_txt { width:100%;color:#fff !important;font-size:40px !important; padding:0px 0px!important; font-weight:700;line-height:40px !important; border:none !important; background: none !important; position: absolute !important; top: 5px !important; z-index: 5; }
|
|
.big_search_text { color:#fff; font-size:20px; line-height:35px; }
|
|
.big_search_close { color:#fff; font-size:20px; position:absolute; right:33px;top:52px; cursor: pointer; font-weight: 400; z-index: 20; }
|
|
|
|
.searchresult_title { font-size:11px; font-weight: 700;margin-top:30px; color:#fff; }
|
|
|
|
|
|
#search_bg { width:100%;height:100%; position:fixed; top:0px;left:0px; background:rgba(0,0,0,0.85); z-index:19999;}
|
|
|
|
.searchcontainer { position:relative; padding: 40px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
|
|
|
|
.searchresult { font-size: 17px; line-height: 26px; font-weight: 600; color: #fff; }
|
|
|
|
|
|
/******************************
|
|
- PAGE CONTENT -
|
|
********************************/
|
|
|
|
.tp_vc_mw_rowwrapper { position: relative;}
|
|
|
|
/* PAGE TYPE 1 */
|
|
#content_inner_wrapper { background:#fff;position:relative; z-index:1; padding:0px 0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
.tp_vc_mw_rowwrapper { padding:0px 40px;}
|
|
.boxed .tp_vc_mw_rowwrapper { padding:0px 40px;}
|
|
|
|
|
|
/* PAGE TYPE 2*/
|
|
.content_inner_wrapper_boxed { background:#fff;position:relative; z-index:1; padding:70px 40px; max-width:1170px;margin:auto; box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
|
|
|
|
.withsidebar2 .content-container_boxed { margin-left:-40px;margin-right:-40px;}
|
|
|
|
/* SIDE BAR SETTINGS */
|
|
#sidebar-container { padding:138px 40px 140px 20px; }
|
|
/*.blog #sidebar-container { padding-top: 120px; }*/
|
|
|
|
/* PAGE TYPE 1*/
|
|
.withsidebar #content_inner_wrapper { display:table; }
|
|
.withsidebar.leftside #content_inner_wrapper { direction:rtl;}
|
|
.withsidebar.rightside #content_inner_wrapper { direction:ltr;}
|
|
.withsidebar #sidebar-container { /*overflow:hidden;*/vertical-align:top;display:table-cell;min-width:300px; max-width:300px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;direction:ltr;z-index: 1000;
|
|
-webkit-backface-visibility: hidden;}
|
|
.withsidebar #content-container { vertical-align:top;display:table-cell;width:100%;direction:ltr;}
|
|
|
|
/* PAGE TYPE 2*/
|
|
.withsidebar2 #content_inner_wrapper { display:table; }
|
|
.withsidebar2.leftside #content_inner_wrapper { direction:rtl;}
|
|
.withsidebar2.rightside #content_inner_wrapper { direction:ltr;}
|
|
.withsidebar2 #sidebar-container { /*overflow:hidden;*/vertical-align:top;display:table-cell;min-width:300px; max-width:300px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;direction:ltr;}
|
|
.withsidebar2 #content-container { vertical-align:top;display:table-cell;width:100%;direction:ltr;}
|
|
|
|
|
|
#sidebar-container #sb-inner-wrap { /*overflow: hidden*/}
|
|
|
|
/* STICKY SIDEBAR !! */
|
|
.stickyfromhere { float: left; display: block; width: 100%; }
|
|
#sb-inner-wrap { position: relative}
|
|
#sb-inner-wrap.stuck { position:fixed; width:240px; /*overflow: hidden*/}
|
|
|
|
/* CONTENT IN SIDEBAR */
|
|
#sidebar-container h4 { font-size:15px; text-transform:uppercase; font-weight:800; line-height:20px;}
|
|
|
|
/* BOXED LAYOUT CONTAINER CORRECTION */
|
|
/*.firstlevelrow { margin:0px 0px; }
|
|
.tp_vc_mw_rowwrapper:first-child .firstlevelrow { padding-top:70px}
|
|
.firstlevelrow .firstlevelrow { padding-top:0px !important }*/
|
|
|
|
|
|
|
|
|
|
/* DIRK Sidebar for Page Layout 2 */
|
|
.boxed.nosidebar,
|
|
.withsidebar2 { max-width: 1250px; width:100%;margin: 0 auto; background: #fff;}
|
|
|
|
.withsidebarbackground { background: #fff;}
|
|
|
|
.container-fluid { padding:0px; width:100%;}
|
|
|
|
|
|
|
|
/******************************
|
|
- CONTENT MODULES -
|
|
********************************/
|
|
|
|
/*
|
|
.space_hoover img { box-shadow: rgba(0,0,0,0.75) 0 2px 3px; }
|
|
*/
|
|
|
|
/* SIMPLE SERVICES */
|
|
.simpleservice { position: relative; display: table; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-bottom: 0px; }
|
|
.simpleservice .serviceicon { display: table-cell; width: 40px; font-size: 28px; color: #33bfd8; padding-right: 20px; }
|
|
.simpleservice .serviceicon i { }
|
|
.simpleservice .servicetext { display: table-cell; vertical-align: top; }
|
|
.simpleservice .servicetext h3.smalltitle { margin-bottom: 9px; margin-top: 0; }
|
|
.simpleservice.highlight { padding: 30px; padding-bottom: 40px; padding-top: 40px; background: #33bfd8; -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; }
|
|
.simpleservice.highlight .servicetext h3.smalltitle { color: #fff; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out;}
|
|
.simpleservice.highlight .serviceicon { display: block; width: 100%; font-size: 28px; color: #fff; margin-bottom: 10px; padding-right: 0; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; }
|
|
.simpleservice.highlight .servicetext { display: block; width: 100%; color: #fff; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out;}
|
|
.simpleservice.highlight a.servicelink { color: #fff; font-size: 13px; font-weight: 600; margin-top: 40px; float: left; position: relative; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out;}
|
|
.simpleservice.highlight a.servicelink:after { content:" "; width:30px;height:2px;position:absolute;top:-5px;left:1px;margin-left:0; background: #fff; -webkit-transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; -ms-transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; }
|
|
/* Highlight Service Hover */
|
|
.simpleservice.highlight:hover a.servicelink:after { width: 100%; background: #333; }
|
|
.simpleservice.highlight:hover a.servicelink { color: #333; }
|
|
.simpleservice.highlight:hover { background: #f5f5f5; }
|
|
.simpleservice.highlight:hover .servicetext h3.smalltitle { color: #333; }
|
|
.simpleservice.highlight:hover .serviceicon { color: #33bfd8; }
|
|
.simpleservice.highlight:hover .servicetext { color: #666; }
|
|
.lightondark .simpleservice .servicetext p { color: rgba(255,255,255,0.65); }
|
|
|
|
|
|
/* LARGE CALLOUT TEXT */
|
|
.callouttextlarge { vertical-align: middle; width: auto; margin:0; margin-right: 40px; font-size: 27px; line-height: 32px; font-weight: 300; }
|
|
|
|
/* HIGHLIGHT GRID */
|
|
.filter-lightstyle .esg-overlay { background: #f5f5f5; }
|
|
.filter-lightstyle .eg-miami-highlights-element-1 { color: #333; }
|
|
.filter-lightstyle .eg-miami-highlights-element-10 { color: #666; }
|
|
|
|
.filter-greystyle .esg-overlay { background: #2e3439; }
|
|
.filter-lightpoly .esg-overlay { background: #eee; /*background:url("assets/images/lightpoly.jpg") no-repeat;*/ }
|
|
|
|
|
|
|
|
/******************************
|
|
- FOOTER -
|
|
********************************/
|
|
#footer { position: relative; z-index: 0; margin:auto; width:100%; -webkit-transform:translateZ(0);}
|
|
|
|
.footerinnerwrapper { padding:0px 0px;}
|
|
|
|
#footer.boxed .footerinnerwrapper { position: relative; margin:auto; padding:0px;}
|
|
|
|
#footer.boxed .footerinnerwrapper .footer-inner >.row { margin:0px !important }
|
|
#footer .footerinnerwrapper .footer-inner >.row { margin:0px !important }
|
|
|
|
#footer .rowwrapper { color:#fff;}
|
|
#footer .row>.widgetslot { background:#313437; }
|
|
#footer .row>.widgetslot:first-child { background:#2d3032; }
|
|
.footer_left_underlay { width:50%;height:100%;position:absolute;top:0px;left:0px;background:#2d3032;z-index:0}
|
|
.footer_right_underlay { width:50%;height:100%;position:absolute;top:0px;left:50%;background:#313437;z-index:0}
|
|
#footer .row>.widgetslot { padding:120px 40px 40px 40px; }
|
|
#footer .widgetslot h3 { margin-top:0px;}
|
|
#footer>.container-fluid.rowwrapper>.row { margin:0px;}
|
|
|
|
/* Custom Width 4 Column Footer */
|
|
.col-md-3.widgetslot { width: 25%; }
|
|
.col-md-4.widgetslot { width: 33.33333%; }
|
|
.col-md-6.widgetslot { width: 50%; }
|
|
.col-md-8.widgetslot { width: 66.66666%; }
|
|
.col-md-12.widgetslot { width: 100%; }
|
|
|
|
#footer.boxed .container-fluid,
|
|
#footer.boxed .footerinnerwrapper { max-width:1250px;}
|
|
|
|
|
|
/******************************
|
|
- WIDGET STYLING -
|
|
********************************/
|
|
|
|
|
|
/* General Style */
|
|
.widgetslot { overflow: hidden; }
|
|
|
|
.sidebar_widget.miami_widget { float: left; background: transparent; padding: 0px 0 60px 0px; width: 100%; border-bottom: 0px solid #e5e5e5; }
|
|
.sidebar_widget.miami_widget:last-child { border-bottom: 0; }
|
|
|
|
/* Hide all selects till Jquery fancySelect shows them again */
|
|
.widgetslot select,
|
|
#sidebar-container select { display: none; }
|
|
|
|
.footer_widget h3,
|
|
.sidebar_widget h3 { text-transform: none; font-size: 17px; line-height: 22px; font-weight: 700; margin-bottom: 25px; margin-top: -4px; }
|
|
.footer_widget h3 { color: #888; color: rgba(255,255,255,1); }
|
|
.sidebar_widget h3 { color: #000; }
|
|
|
|
#footer img,
|
|
#sidebar-container img { max-width: 100%; }
|
|
|
|
#footer .widgetslot .footer_widget { color: #888; color: rgba(255,255,255,0.4); margin-bottom: 50px; display: block; }
|
|
#sidebar-container .sidebar_widget { margin-bottom: 0px; }
|
|
#sidebar-container .footer_widget { margin-bottom: 60px; }
|
|
|
|
#footer .widgetslot .footer_widget:last-child,
|
|
#sidebar-container #sb-inner-wrap .sidebar_widget:last-child { margin-bottom: 0px; }
|
|
|
|
.footer_widget { color: #888; color: rgba(255,255,255,0.4); }
|
|
.footer_widget a,
|
|
.footer_widget a:visited { color: #bbb; color: rgba(255,255,255,0.65); font-weight: 600; }
|
|
.footer_widget a:hover { color: #fff; }
|
|
|
|
.sidebar_widget a,
|
|
.sidebar_widget a:visited { color: #3F4549; font-weight: 400; }
|
|
.sidebar_widget a:hover { background: #fff600; }
|
|
|
|
a.poptitle { float: left; font-size: 13px; color: #fff !important; background: #000; padding: 10px; cursor: pointer; padding-left: 50px; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;}
|
|
a.poptitle:before { content: '\e699'; color: #fff; font-family: 'Pe-icon-7-stroke'; font-size: 30px; position: absolute; margin-top: 5px; margin-left: -35px; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; }
|
|
a.poptitle:hover { color: #000 !important; background: #fff600; }
|
|
a.poptitle:hover:before { color: #000; }
|
|
|
|
.tp-smalllink i { font-size: 27px; float: left; margin-right: 5px; margin-top: -3px;}
|
|
|
|
/* Custom Link List */
|
|
ul.linklist { list-style: none; padding: 0; margin: 0; }
|
|
ul.linklist li { margin-bottom: 20px; font-size: 14px; line-height: 18px; font-weight: 600; }
|
|
ul.linklist li i { margin-right: 10px; }
|
|
ul.linklist li:last-child { margin-bottom: 0px; }
|
|
.sidebar_widget ul.linklist li { color: #777; }
|
|
|
|
/* Archives */
|
|
.widget_archive ul { list-style: none; padding: 0; margin: 0; }
|
|
.widget_archive ul li { margin-bottom: 20px; font-size: 14px; line-height: 18px; color: #999;}
|
|
.widget_archive ul li:last-child { margin-bottom: 0px; }
|
|
|
|
/* Categories */
|
|
.widget_categories ul { list-style: none; padding: 0; margin: 0; }
|
|
.widget_categories ul li { margin-bottom: 20px; font-size: 14px; line-height: 18px; color: #999; }
|
|
.widget_categories ul li:last-child { margin-bottom: 0px; }
|
|
|
|
/* Pages */
|
|
.widget_pages ul { list-style: none; padding: 0; margin: 0; }
|
|
.widget_pages ul li { margin-bottom: 20px; font-size: 14px; line-height: 18px; }
|
|
.widget_pages ul li:last-child { margin-bottom: 0px; }
|
|
|
|
/* Meta */
|
|
.widget_meta ul { list-style: none; padding: 0; margin: 0; }
|
|
.widget_meta ul li { margin-bottom: 20px; font-size: 14px; line-height: 18px; }
|
|
.widget_meta ul li:last-child { margin-bottom: 0px; }
|
|
|
|
/* Recent Comments */
|
|
.widget_recent_comments ul { list-style: none; padding: 0; margin: 0; }
|
|
.widget_recent_comments ul li { margin-bottom: 20px; font-size: 14px; line-height: 18px; color: #999; padding-left: 25px;}
|
|
.widget_recent_comments ul li:before { content: '\e668'; color: #000; font-family: 'Pe-icon-7-stroke'; font-size: 20px; position: absolute; margin-top: 0px; margin-left: -26px; }
|
|
.widget_recent_comments ul li:last-child { margin-bottom: 0px; }
|
|
|
|
/* Recent Entries */
|
|
.widget_recent_entries ul,
|
|
.widget_faq_recent_entries ul,
|
|
ul.manualcategories { list-style: none; padding: 0; margin: 0; }
|
|
.widget_recent_entries ul li,
|
|
.widget_faq_recent_entries ul li,
|
|
ul.manualcategories li { margin-bottom: 15px; font-size: 14px; line-height: 18px; padding-left: 25px; }
|
|
.widget_recent_entries ul li a:before,
|
|
.widget_faq_recent_entries ul li a:before,
|
|
ul.manualcategories li a:before { content: '\e685'; color: #3F4549; font-family: 'Pe-icon-7-stroke'; font-size: 20px; position: absolute; margin-top: 0px; margin-left: -26px; }
|
|
.widget_recent_entries ul li:last-child,
|
|
.widget_faq_recent_entries ul li:last-child ,
|
|
ul.manualcategories li:last-child { margin-bottom: -4px; }
|
|
|
|
/* Rss */
|
|
.widget_rss ul { list-style: none; padding: 0; margin: 0; }
|
|
.widget_rss ul li { margin-bottom: 20px; font-size: 14px; line-height: 18px; }
|
|
.widget_rss ul li:last-child { margin-bottom: 0px; }
|
|
.widget_rss .rssSummary { text-transform: none; letter-spacing: 0px; font-size: 15px; }
|
|
.sidebar_widget.widget_rss .rss-date { color: #999; }
|
|
|
|
/* Widget Nav Menu */
|
|
.widget_nav_menu ul { list-style: none; padding: 0; margin: 0; }
|
|
.widget_nav_menu ul.sub-menu { padding-left: 20px; margin-top: 4px; }
|
|
.widget_nav_menu ul li { margin-bottom: 4px; font-size: 12px; }
|
|
.widget_nav_menu ul li:last-child { margin-bottom: 0px; }
|
|
.footer_widget.widget_nav_menu .megamenutitle { color: #bbb; font-weight: 600; }
|
|
.footer_widget.widget_nav_menu li.current_page_item a { color: #fff; }
|
|
.sidebar_widget.widget_nav_menu .megamenutitle { color: #555; font-weight: 600; }
|
|
.sidebar_widget.widget_nav_menu li.current_page_item a { color: #33bfd8; }
|
|
|
|
/* Calendar */
|
|
.widget_calendar table { max-width: 300px; width: 100%; }
|
|
.sidebar_widget.widget_calendar table td { color: #999; }
|
|
|
|
/* Widget Links */
|
|
.footer_widget a.widgetlink:hover { color: #fff !important; }
|
|
.sidebar_widget a.widgetlink:hover { color: #333 !important; }
|
|
|
|
/* Text Widget */
|
|
.sidebar_widget .textwidget { color: #666; font-size: 14px; line-height: 18px;}
|
|
.footer_widget .textwidget { color: #999; }
|
|
|
|
/* Sidebar Search */
|
|
.sidebar_widget .widget_search { }
|
|
.sidebar_widget .searchform { padding-left: 46px; -webkit-transition: padding 0.2s ease-out; -moz-transition: padding 0.2s ease-out; -o-transition: padding 0.2s ease-out; -ms-transition: padding 0.2s ease-out; overflow: hidden; position: relative; }
|
|
.sidebar_widget .searchform:before { content: '\e618'; color: #fff; font-family: 'Pe-icon-7-stroke'; font-size: 20px; font-weight: 700; position: absolute; margin-top: 0px; margin-left: -46px; background: #999; border: 0px solid #ddd; border-right: 0; width: 46px; height: 46px; line-height: 46px; text-align: center; -webkit-transition: width 0.2s ease-out; -moz-transition: width 0.2s ease-out; -o-transition: width 0.2s ease-out; -ms-transition: width 0.2s ease-out; }
|
|
.sidebar_widget .searchform input[type="text"] { position: relative; background: #ddd; border: 0px solid #ddd; font-size: 14px !important; -webkit-transition: border-color 0.2s ease-out; -moz-transition: border-color 0.2s ease-out; -o-transition: border-color 0.2s ease-out; -ms-transition: border-color 0.2s ease-out;}
|
|
.sidebar_widget .searchform input[type="text"]:focus { border: 0px solid #000; background: #ddd; color: #000 !important; }
|
|
.sidebar_widget .searchform input:-moz-placeholder { color: #999 !important; }
|
|
.sidebar_widget .searchform input::-moz-placeholder { color: #999 !important; }
|
|
.sidebar_widget .searchform input:-ms-input-placeholder { color: #999 !important; }
|
|
.sidebar_widget .searchform input::-webkit-input-placeholder { color: #999 !important; }
|
|
.sidebar_widget .searchform:hover { padding-left: 0; }
|
|
.sidebar_widget .searchform:hover:before { width: 76px; }
|
|
|
|
|
|
/* Social Icons */
|
|
.social { }
|
|
.social ul { margin: 0; padding: 0; }
|
|
.social li { display: inline-block; margin: 0; padding: 0; margin-right: 1px; }
|
|
.social li:last-child { margin-right: 0; }
|
|
.social li a { display: inline-block; width: 50px; height: 50px; opacity: 1; background: rgba(255,255,255,0.05); margin:0px 0px -6px 0px;
|
|
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; /*border: 1px solid rgba(255,255,255,0.15);*/ padding: 0; }
|
|
.social li a:hover { border: 0; }
|
|
.social li a:hover .s_icon { /*margin-left: 1px; margin-right: 1px; margin-top: 1px;*/ }
|
|
.social .s_icon { float: left; font-size: 20px; color: #bbb; color: rgba(255,255,255,0.65); text-align: center; width: 50px; line-height:50px; font-family: 'fontello'; }
|
|
.social li a:hover .s_icon,
|
|
.sidebar_widget.social li a:hover .s_icon { color: #fff; }
|
|
.social ul li a.so_facebook:hover,
|
|
.sidebar_widget.social ul li a.so_facebook:hover { background: #4672b3; }
|
|
.social ul li a.so_twitter:hover,
|
|
.sidebar_widget.social ul li a.so_twitter:hover { background: #099bcc; }
|
|
.social ul li a.so_gplus:hover,
|
|
.sidebar_widget.social ul li a.so_gplus:hover { background: #da4a38; }
|
|
.social ul li a.so_pinterest:hover,
|
|
.sidebar_widget.social ul li a.so_pinterest:hover { background: #c32524; }
|
|
.social ul li a.so_vimeo:hover,
|
|
.sidebar_widget.social ul li a.so_vimeo:hover { background: #8bb225; }
|
|
.social ul li a.so_youtube:hover,
|
|
.sidebar_widget.social ul li a.so_youtube:hover { background: #cb322c; }
|
|
.social ul li a.so_linkedin:hover,
|
|
.sidebar_widget.social ul li a.so_linkedin:hover { background: #2e8cc2; }
|
|
.social ul li a.so_rss:hover,
|
|
.sidebar_widget.social ul li a.so_rss:hover { background: #e97633; }
|
|
.social ul li a.so_instagram:hover,
|
|
.sidebar_widget.social ul li a.so_instagram:hover { background: #33648f; }
|
|
.social ul li a.so_foursquare:hover,
|
|
.sidebar_widget.social ul li a.so_foursquare:hover { background: #19a7e2; }
|
|
.social ul li a.so_dribbble:hover,
|
|
.sidebar_widget.social ul li a.so_dribbble:hover { background: #ea4c89; }
|
|
.social ul li a.so_behance:hover,
|
|
.sidebar_widget.social ul li a.so_behance:hover { background: #1769ff; }
|
|
.social ul li a.so_delicious:hover,
|
|
.sidebar_widget.social ul li a.so_delicious:hover { background: #222222; }
|
|
.social ul li a.so_digg:hover,
|
|
.sidebar_widget.social ul li a.so_digg:hover { background: #000000; }
|
|
.social ul li a.so_dropbox:hover,
|
|
.sidebar_widget.social ul li a.so_dropbox:hover { background: #007ee5; }
|
|
.social ul li a.so_flickr:hover,
|
|
.sidebar_widget.social ul li a.so_flickr:hover { background: #ff0084; }
|
|
.social ul li a.so_foursquare:hover,
|
|
.sidebar_widget.social ul li a.so_foursquare:hover { background: #0732a2; }
|
|
.social ul li a.so_github:hover,
|
|
.sidebar_widget.social ul li a.so_github:hover { background: #333; }
|
|
.social ul li a.so_reddit:hover,
|
|
.sidebar_widget.social ul li a.so_reddit:hover { background: #ff4500; }
|
|
.social ul li a.so_skype:hover,
|
|
.sidebar_widget.social ul li a.so_skype:hover { background: #00aff0; }
|
|
.social ul li a.so_soundcloud:hover,
|
|
.sidebar_widget.social ul li a.so_soundcloud:hover { background: #f80; }
|
|
.social ul li a.so_spotify:hover,
|
|
.sidebar_widget.social ul li a.so_spotify:hover { background: #7ab800; }
|
|
.social ul li a.so_stumbleupon:hover,
|
|
.sidebar_widget.social ul li a.so_stumbleupon:hover { background: #eb4924; }
|
|
.social ul li a.so_tumblr:hover,
|
|
.sidebar_widget.social ul li a.so_tumblr:hover { background: #35465c; }
|
|
.social ul li a.so_vine:hover,
|
|
.sidebar_widget.social ul li a.so_vine:hover { background: #00b488; }
|
|
.social ul li a.so_xing:hover,
|
|
.sidebar_widget.social ul li a.so_xing:hover { background: #026466; }
|
|
|
|
|
|
.sidebar_widget .social li a { background: #eee; }
|
|
.sidebar_widget .social .s_icon { color: #555; }
|
|
|
|
/* Projects */
|
|
ul.projectwidget { position: relative; list-style: none; padding: 0; margin: 0; }
|
|
ul.projectwidget li { display: inline-block; float: left; width: 67px; height: 50px; overflow: hidden; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; }
|
|
ul.projectwidget li a { float: left; width: 69px; height: 52px;}
|
|
ul.projectwidget:hover > li { opacity: 0.25; }
|
|
ul.projectwidget:hover > li:hover { opacity: 1.0; }
|
|
|
|
|
|
/******************************
|
|
- MEDIA QUERIES -
|
|
********************************/
|
|
|
|
/* START TP PRODUCT GRID SPECIAL RULES */
|
|
|
|
@media only screen and (max-width: 1230px) {
|
|
|
|
.tp-esg-item[data-cobblesw="2"] .eg-tp-product-grid-vert-light-element-1,
|
|
.tp-esg-item[data-cobblesh="2"] .eg-tp-product-grid-vert-light-element-1 { font-size:26px !important; line-height:30px !important; }
|
|
|
|
.eg-tp-feature-grid-element-1-a { margin-top: 20px !important; }
|
|
|
|
.tp-esg-item[data-cobblesw="2"] .tp-badge { right: 34px !important; }
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
|
|
.tp-esg-item[data-cobblesw="2"] .eg-tp-product-grid-vert-light-element-1,
|
|
.tp-esg-item[data-cobblesh="2"] .eg-tp-product-grid-vert-light-element-1 { font-size:26px !important; line-height:30px !important; padding-top: 12px !important; }
|
|
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-element-1,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-element-1,
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-element-1,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-element-1 { padding-top: 12px !important; }
|
|
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-nostyle-element-14,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-nostyle-element-14,
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-nostyle-element-14,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-nostyle-element-14 { display: none !important; }
|
|
|
|
.tp-esg-item[data-cobblesw="2"] .tp-badge { right: 24px !important; }
|
|
}
|
|
|
|
@media only screen and (max-width: 992px) {
|
|
|
|
.eg-tp-post-grid-element-1 { min-height: 247px; }
|
|
.eg-tp-post-grid-element-1,
|
|
.eg-tp-post-grid-element-11 { font-size: 26px !important; line-height:30px !important; }
|
|
|
|
.eg-tp-video-list-element-1 { font-size:17px !important; line-height:20px !important; padding-top: 12px !important; }
|
|
|
|
/* FAQ GRID */
|
|
|
|
.faqsearch input[type="text"] { width:100%; font-size: 22px !important; padding: 25px 40px !important; line-height: 24px !important; }
|
|
.search-fake-anim { height:75px; padding:25px 40px; font-size: 22px; line-height: 14px; }
|
|
|
|
.faqsearch .eg-search-clean,
|
|
.faqsearch .eg-search-submit { line-height: 76px; font-size: 25px; }
|
|
|
|
.esg-filter-wrapper.blackred .esg-filterbutton span,
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton span { padding: 10px 25px !important; padding-right: 60px !important; }
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton:hover:after,
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton.selected:after{ right: 20px; top:10px !important; font-size: 20px; }
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton .eg-el-amount { right: 25px !important; top:10px !important; padding:0px !important; font-weight: 700; }
|
|
|
|
.eg-tp-feature-grid-element-1-a .eg-tp-feature-grid-element-1 {font-size: 17px !important; line-height: 22px !important; }
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-element-1,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-element-1,
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-element-1,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-element-1 { font-size: 26px !important; line-height:30px !important; }
|
|
|
|
.tp-esg-item[data-cobblesw="2"] .eg-tp-product-grid-vert-light-element-1,
|
|
.tp-esg-item[data-cobblesh="2"] .eg-tp-product-grid-vert-light-element-1 { font-size:20px !important; line-height:26px !important; }
|
|
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-nostyle-element-15,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-nostyle-element-15,
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-nostyle-element-15,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-nostyle-element-15 { display: none !important; }
|
|
|
|
.eg-tp-feature-grid-element-1-a { margin-top: 10px !important; }
|
|
}
|
|
|
|
@media only screen and (max-width: 820px) {
|
|
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-element-3,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-element-3,
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-element-3,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-element-3,
|
|
.tp-esg-item[data-cobblesw="2"] .eg-tp-product-grid-vert-light-element-3,
|
|
.tp-esg-item[data-cobblesh="2"] .eg-tp-product-grid-vert-light-element-3 { display: none !important; }
|
|
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-element-1,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-element-1,
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-element-1,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-element-1,
|
|
.tp-esg-item[data-cobblesw="2"] .eg-tp-product-grid-vert-light-element-1,
|
|
.tp-esg-item[data-cobblesh="2"] .eg-tp-product-grid-vert-light-element-1 { padding: 22px 30px 0px 30px !important; }
|
|
|
|
.eg-tp-feature-grid-element-1-a { display: none !important; }
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
|
|
.esg-filter-wrapper.dropdownstyle { margin-right: 0px !important; margin-left: 25px !important; }
|
|
.esg-filters.esg-singlefilters { text-align: left !important; }
|
|
|
|
#tphomeposts .esg-filters.esg-singlefilters { margin-bottom: 25px !important; }
|
|
#tphomeproducts .esg-filters.esg-singlefilters { margin-bottom: 25px !important; }
|
|
|
|
/* FAQ GRID */
|
|
/*.esg-filter-wrapper.blackred .esg-filterbutton span { font-size: 17px !important; line-height: 22px !important; padding-top: 20px !important; padding-bottom: 20px !important; }
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton span { font-size: 17px !important; line-height: 22px !important; padding-top: 20px !important; padding-bottom: 20px !important; }
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton .eg-el-amount { top:20px !important; padding: 0 !important; }
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton:hover:after,
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton.selected:after{ top:20px !important; }
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton { min-height:84px !important; width: 50% !important;}
|
|
.esg-filter-wrapper.blackred .esg-filterbutton { min-height:106px !important; }*/
|
|
.faqsearch { margin-bottom: -50px !important; }
|
|
.esg-filter-wrapper.whiteblack { margin-bottom: 0px !important; }
|
|
.wpb_column.faq_sidebar { margin-bottom: 20px !important; }
|
|
|
|
.tp-esg-item[data-cobblesw="2"] .tp-badge { right: 4px !important; width: 80px !important; height: 80px !important; }
|
|
.tp-esg-item[data-cobblesw="2"] .tp-badge img { width: 80px !important; height: 80px !important; }
|
|
|
|
|
|
/* GRID SPACE TO LOAD MORE */
|
|
|
|
#tphomeproducts .esg-overflowtrick,
|
|
#tpcategoryposts .esg-overflowtrick,
|
|
#tphomeposts .esg-overflowtrick,
|
|
#tprelatedposts .esg-overflowtrick,
|
|
#tpblog .esg-overflowtrick,
|
|
#tpproducts .esg-overflowtrick,
|
|
#tpfaq .esg-overflowtrick { margin-bottom: 20px !important; }
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 720px) {
|
|
|
|
.eg-tp-related-grid-element-1 { min-height: 187px; }
|
|
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-element-1,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-element-1,
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-element-1,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-element-1 { font-size: 20px !important; line-height:26px !important; }
|
|
|
|
.tp-esg-item[data-cobblesw="2"] .eg-tp-product-grid-vert-light-element-1,
|
|
.tp-esg-item[data-cobblesh="2"] .eg-tp-product-grid-vert-light-element-1 { font-size:17px !important; line-height:20px !important; }
|
|
|
|
.eg-miami-related-posts-element-8-a { display: none !important; }
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 620px) {
|
|
|
|
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-element-1,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-element-1,
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-element-1,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-element-1,
|
|
.tp-esg-item[data-cobblesw="2"] .eg-tp-product-grid-vert-light-element-1,
|
|
.tp-esg-item[data-cobblesh="2"] .eg-tp-product-grid-vert-light-element-1 { text-indent: -9000px; }
|
|
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-element-1:after,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-element-1:after { text-indent: 0px;
|
|
font-family: 'Pe-icon-7-stroke'; content: "\e699"; color: #fff; position: absolute; left: 20px; top: 15px; font-weight: normal; font-size: 50px; line-height: 50px; }
|
|
.tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-element-1:after,
|
|
.tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-element-1:after { text-indent: 0px;
|
|
font-family: 'Pe-icon-7-stroke'; content: "\e699"; color: #000; position: absolute; left: 20px; top: 15px; font-weight: normal; font-size: 50px; line-height: 50px; }
|
|
.tp-esg-item[data-cobblesw="2"] .eg-tp-product-grid-vert-light-element-1:after,
|
|
.tp-esg-item[data-cobblesh="2"] .eg-tp-product-grid-vert-light-element-1:after { text-indent: 0px;
|
|
font-family: 'Pe-icon-7-stroke'; content: "\e699"; color: #fff; position: absolute; left: 50%; top: 15px; font-weight: normal; font-size: 40px; line-height: 40px; margin-left: -16px; }
|
|
|
|
.eg-flipicon { width:100px !important;height:100px !important;background-size:100px 200px !important;}
|
|
|
|
.tp-esg-item[data-cobblesw="3"] .tp-badge { right: -125px !important; }
|
|
|
|
.eg-tp-post-grid-element-10,
|
|
.eg-tp-faq-grid-element-10,
|
|
.eg-tp-related-grid-element-10 { display: none !important; }
|
|
}
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
|
|
.eg-tp-post-grid-element-1,
|
|
.eg-tp-related-grid-element-1 { min-height: 177px; }
|
|
|
|
.eg-tp-post-grid-element-1,
|
|
.eg-tp-related-grid-element-1 { padding: 12px 20px 0px 20px !important; }
|
|
.eg-tp-post-grid-element-3,
|
|
.eg-tp-faq-grid-element-3,
|
|
.eg-tp-related-grid-element-3 { padding: 18px 0px 0px 20px !important; }
|
|
|
|
.eg-tp-faq-grid-element-1 { padding: 12px 20px 16px 20px !important; }
|
|
|
|
.eg-tp-post-grid-element-1,
|
|
.eg-tp-post-grid-element-11,
|
|
.eg-tp-faq-grid-element-1,
|
|
.eg-tp-related-grid-element-1 { font-size:17px !important; line-height:20px !important; }
|
|
|
|
/* FAQ GRID */
|
|
|
|
.wpb_content_element.faqsearch_input { margin-bottom: 5px !important; }
|
|
.faqsearch input[type="text"] { width:100%; font-size: 22px !important; padding: 25px 20px !important; line-height: 24px !important; }
|
|
.faqsearch .eg-search-submit { right:70px;}
|
|
.faqsearch .eg-search-clean { right:20px;}
|
|
.faqsearch .eg-search-clean,
|
|
.faqsearch .eg-search-submit { line-height: 76px; font-size: 25px; }
|
|
|
|
.esg-filter-wrapper.blackred .esg-filterbutton { width: 100% !important; }
|
|
.esg-filter-wrapper.blackred .esg-filterbutton span { font-size: 13px !important; line-height: 20px !important; padding: 10px 20px !important; }
|
|
.esg-filter-wrapper.whiteblack { margin-bottom: 20px !important; }
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton span { font-size: 13px !important; line-height: 20px !important; padding: 10px 20px !important; padding-left: 20px !important; }
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton .eg-el-amount { top:10px !important; right: 20px !important; padding: 0 !important; }
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton:hover:after,
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton.selected:after{ top:7px !important; right: 15px !important;}
|
|
.esg-filter-wrapper.whiteblack .esg-filterbutton { width: 100% !important;}
|
|
|
|
.eg-flipicon { width:70px !important;height:70px !important;background-size:70px 140px !important;}
|
|
|
|
.tp-esg-item[data-cobblesw="3"] .tp-badge { right: -70px !important; top: 10px !important; width: 80px !important; height: 80px !important; }
|
|
.tp-esg-item[data-cobblesw="3"] .tp-badge img { width: 80px !important; height: 80px !important; }
|
|
.tp-esg-item[data-cobblesw="2"] .tp-badge { top: 0px !important; width: 60px !important; height: 60px !important; }
|
|
.tp-esg-item[data-cobblesw="2"] .tp-badge img { width: 60px !important; height: 60px !important; }
|
|
|
|
}
|
|
|
|
/* END TP PRODUCT GRID SPECIAL RULES */
|
|
|
|
|
|
@media only screen and (max-width: 992px) {
|
|
|
|
.withsidebar #sidebar-container { max-width:260px;min-width:260px;}
|
|
|
|
.pricetable.fourcol .priceitem { width: 33.333%; }
|
|
|
|
.pricetable .priceitem h3.pricetitle { font-size: 26px; line-height: 30px; font-weight: 700; padding: 25px 25px; }
|
|
.pricetable .priceitem .pricesubline { font-size: 13px; line-height: 20px; font-weight: 400; }
|
|
.pricetable .priceitem .price { font-size: 45px; line-height: 45px; font-weight: 700; margin: 0; padding: 10px; color: #000; padding-left: 40px; }
|
|
.pricetable .priceitem .price .currency { font-size: 26px; margin-right: -5px; margin-left: -50px; color: #000; }
|
|
.pricetable .priceitem .entry { font-size: 13px; line-height: 20px; font-weight: 400; margin: 0; padding: 5px 20px; color: #000; }
|
|
.pricetable .priceitem .image img { max-width: 100%; margin-bottom: -1px; }
|
|
.pricetable .priceitem .buy { font-size: 13px; line-height: 20px; font-weight: 600; margin: 0; padding: 25px 20px; }
|
|
.pricetable .priceitem .entry p { margin-bottom: 0; }
|
|
.pricetable .priceitem .entry.nope { color: #e03301 !important; text-decoration: line-through; }
|
|
|
|
#footer .row>.widgetslot { padding:120px 20px 40px 20px; }
|
|
.tp_vc_mw_rowwrapper,
|
|
.boxed .tp_vc_mw_rowwrapper { padding:0px 20px;}
|
|
#page-title-wrapper { padding:0px 20px;}
|
|
.boxed .container.titleincontent.hb_inner_wrapper { width:100%;}
|
|
#header,
|
|
#header.boxed { padding-left:0px; padding-right:0px; }
|
|
#header.fullwidth { padding-left:0px; padding-right:0px}
|
|
|
|
#header_inner_wrapper >.row { padding:0px 20px !important; }
|
|
|
|
#sidebar-container { padding-left: 20px; padding-right: 20px }
|
|
#sb-inner-wrap.stuck { width:220px; }
|
|
|
|
/* Modules */
|
|
.simpleservice { padding-bottom: 0; }
|
|
.simpleservice .serviceicon { display: block; margin-bottom: 10px; }
|
|
.simpleservice .servicetext { display: block; }
|
|
.simpleservice.highlight { padding: 40px 20px; }
|
|
.postthumb { width: 75px !important; }
|
|
.postthumb img { width: 50px; }
|
|
.postshortcode { padding: 20px 30px !important; }
|
|
|
|
.simplegrid.fourcol .simpleitem { width: 33.333%; }
|
|
.simplegrid.fivecol .simpleitem { width: 33.333%; }
|
|
.boxed #responsivemenu { max-width:790px;}
|
|
|
|
/* TP SPECIAL STYLES */
|
|
|
|
h1 { font-size:36px; line-height:40px; font-weight:700; }
|
|
h2 { font-size:36px; line-height:40px; font-weight:700; }
|
|
h3 { font-size:26px; line-height:30px; font-weight:700; }
|
|
h4 { font-size:22px; line-height:28px; font-weight:700; }
|
|
h5 { font-size:20px; line-height:26px; font-weight:700; }
|
|
h6 { font-size:17px; line-height:22px; font-weight:700; }
|
|
|
|
.fatheadline { font-size:56px; line-height:50px; padding-bottom: 10px; }
|
|
.thinheadline { font-size:26px; line-height:30px; margin-bottom: 0px; }
|
|
|
|
.pullup_list { margin-top: -50px; }
|
|
|
|
.buttonright { margin-top: -43px; }
|
|
|
|
#tphomeposts { margin-top: -262px; }
|
|
#tphomeproducts { margin-top: -104px; }
|
|
.faqsearch_input { margin-top: -146px; }
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
#content_inner_wrapper { width:100%;padding:0px 0px; display:block !important;}
|
|
.tp_vc_mw_rowwrapper,
|
|
.boxed .tp_vc_mw_rowwrapper { padding:0px 20px;}
|
|
.withsidebar #sidebar-container,
|
|
.withsidebar #content-container { display:block; min-width:100%;max-width:100%;}
|
|
|
|
.withsidebar2 #sidebar-container,
|
|
.withsidebar2 #content-container { display:block; min-width:100%;max-width:100%;}
|
|
|
|
.container .row #pagetitle { margin-left:0px}
|
|
|
|
.content_inner_wrapper_boxed { width:100%;box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
.withsidebar2 .content-container_boxed { margin-left:0px; margin-right:0px;}
|
|
|
|
/*.withsidebar2 .firstlevelrow { margin:0px 0px}*/
|
|
|
|
#footer .row>.widgetslot { padding:120px 20px 40px 20px; border: 0; border-bottom: 1px solid rgba(255,255,255,0.05);}
|
|
#footer .row>.widgetslot:last-child { border-bottom: 0; }
|
|
.col-md-3.widgetslot,
|
|
.col-md-4.widgetslot,
|
|
.col-md-6.widgetslot,
|
|
.col-md-8.widgetslot { width: 100%; }
|
|
|
|
#header,
|
|
#header.boxed { padding:20px 20px 0px; } /* DIRK THE PADDING FOR LEFT, RIGHT , TOP OF HEADER */
|
|
|
|
.pricetable.fourcol .priceitem { width: 50%; }
|
|
.pricetable.threecol .priceitem { width: 50%; }
|
|
.pricetable.twocol .priceitem { width: 50%; }
|
|
|
|
#header,
|
|
#header.boxed { padding:20px 0px 0px; } /* DIRK THE PADDING FOR LEFT, RIGHT , TOP OF HEADER */
|
|
|
|
.withsidebar #sidebar-container { padding: 0px 20px 40px; display: none; }
|
|
|
|
#comments { margin-bottom: 50px !important; margin-top: 20px !important; }
|
|
#respond { margin-top:56px !important;}
|
|
#comments #respond { margin-bottom:25px !important;}
|
|
|
|
.tp_vc_mw_rowinner .vc_row.wpb_row.related_posts { margin-top: 20px !important; margin-bottom: 0px !important; }
|
|
|
|
.comment-form-wrapper .name-field,
|
|
.comment-form-wrapper .email-field,
|
|
.comment-form-wrapper .website-field,
|
|
#comments .name-field,
|
|
#comments .email-field,
|
|
#comments .website-field { width:100% !important; float:none; padding:0px !important; }
|
|
|
|
.comment-form-wrapper .message-field,
|
|
#comments .message-field { margin-top:0px;}
|
|
|
|
/*.wpb_row, .wpb_content_element,
|
|
ul.wpb_thumbnails-fluid > li,
|
|
.last_toggle_el_margin,
|
|
.wpb_button { margin-bottom:0px !important}
|
|
.wpb_row .wpb_column { margin-bottom: 0px !important; }*/
|
|
|
|
/* Modules */
|
|
.simpleservice { padding-bottom: 0px; }
|
|
.simpleservice .serviceicon { display: table-cell; margin-bottom: 0px; margin-top: 0; }
|
|
.simpleservice .servicetext { display: table-cell; }
|
|
.simpleservice.highlight { padding: 40px 30px; }
|
|
.callouttextlarge { display: block; width: 100%; margin-bottom: 20px; }
|
|
|
|
#navigation { visibility:hidden}
|
|
|
|
.simplegrid.fourcol .simpleitem { width: 33.333%; }
|
|
.simplegrid.fivecol .simpleitem { width: 33.333%; }
|
|
|
|
#header.boxed { padding-left: 0px; padding-right:0px; }
|
|
#header_inner_wrapper >.row { padding:0px 20px !important; }
|
|
|
|
/* TP SPECIAL STYLES */
|
|
|
|
.textar_nomobile,
|
|
.textal_nomobile { float: left; width: 100%; }
|
|
|
|
.spaceright { padding-right: 0px; text-align: left; }
|
|
.buttonright { margin-top: -24px; text-align: left; padding-left: 37px; }
|
|
|
|
.subfooterleft { float: left; width: 100%; text-align: center; }
|
|
.subfooterright { float: left; width: 100%; margin-top: 10px; text-align: center; }
|
|
|
|
.blockit .wpb_raw_code { margin-bottom: 15px !important; }
|
|
|
|
.pullup_list { margin-top: -90px; }
|
|
.pullup_search { margin-top: -5px; }
|
|
.faqsearch_input { margin-top: -149px; }
|
|
#tphomeproducts { margin-top: -71px; }
|
|
|
|
.blockit.socialembed .content_max_width .wpb_column:last-child { padding-left: 0px !important; padding-top: 0px !important; }
|
|
.blockit.socialembed .content_max_width .wpb_column:first-child { padding-bottom: 0px !important; }
|
|
|
|
/* TP BUTTONS MEDIUM */
|
|
|
|
a.tp-btn,
|
|
a.tp-btn:visited { line-height: 44px; font-size: 14px; padding: 15px 20px; }
|
|
a.tp-btn i { font-size: 26px; top: 7px; margin-right: 7px; }
|
|
a.tp-transparent-button-black:hover i { left: 10px; }
|
|
a.tp-transparent-button-white:hover i { left: 10px; }
|
|
|
|
#rev_slider_1_1 { background-image: url('/wp-content/uploads/2015/02/videoreplacement.jpg'); background-repeat: no-repeat; background-position: center center; }
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
#content_inner_wrapper { padding:0px 0px; }
|
|
.tp_vc_mw_rowwrapper,
|
|
.boxed .tp_vc_mw_rowwrapper { padding:0px 20px;}
|
|
#header,
|
|
#header.boxed { padding:20px 0px 0px; } /* DIRK THE PADDING FOR LEFT, RIGHT , TOP OF HEADER */
|
|
#header { line-height:50px } /* DIRK 48px is the height of the HEADER. This should be the same as Logo Height */
|
|
#page-title-wrapper { padding:0px 20px}
|
|
.container .row #pagetitle { margin-left:0px;}
|
|
.content_inner_wrapper_boxed { padding:40px 20px;}
|
|
#footer .row>.widgetslot { padding:40px 20px}
|
|
|
|
.pricetable.fourcol .priceitem { width: 100%; }
|
|
.pricetable.threecol .priceitem { width: 100%; }
|
|
.pricetable.twocol .priceitem { width: 100%; }
|
|
|
|
.simplegrid.threecol .simpleitem { width: 50%; }
|
|
.simplegrid.twocol .simpleitem { width: 50%; }
|
|
.simplegrid.fourcol .simpleitem { width: 50%; }
|
|
.simplegrid.fivecol .simpleitem { width: 50%; }
|
|
|
|
.postshortcode .postthumb { display: none; }
|
|
|
|
#header.boxed { padding-left: 0px; padding-right:0px; }
|
|
#header_inner_wrapper >.row { padding:0px 20px !important; }
|
|
|
|
#comments .user { width:40px !important;}
|
|
#comments .user img { width:40px !important;height:40px !important;}
|
|
#comments .message { padding-left:10px !important;}
|
|
|
|
.tp_vc_mw_rowinner .vc_row.wpb_row.related_posts { margin-top: 0px !important; margin-bottom: 0px !important; }
|
|
|
|
#pagetitle { font-size: 30px; line-height: 30px; }
|
|
.blog_post_title,
|
|
.blog_post_title a,
|
|
.blog_post_title a:hover { font-size: 22px !important; }
|
|
|
|
.single #pagetitle { font-size: 30px; line-height: 30px; }
|
|
.single #comments .comment-body { padding: 20px 20px 17px 20px; }
|
|
.single .comment-reply-link.reply { position: absolute; top: 15px; right: 20px; line-height: 28px; }
|
|
.single #comments ul.children { padding-left: 0px; }
|
|
.makemeblockonmobile { display:block !important; }
|
|
|
|
/* TP SPECIAL STYLES */
|
|
|
|
body { font-size:13px; line-height:20px; }
|
|
ul.regularlist li { margin-bottom: 9px; font-size:13px; line-height:20px; }
|
|
ul.regularlist li div { padding-left: 55px; }
|
|
ul.regularlist li i { padding: 10px; font-size: 20px; width: 40px; height: 40px; }
|
|
|
|
h1 { font-size:26px; line-height:30px; }
|
|
h2 { font-size:26px; line-height:30px; }
|
|
h3 { font-size:22px; line-height:28px; }
|
|
h4 { font-size:20px; line-height:26px; }
|
|
h5 { font-size:17px; line-height:22px; }
|
|
h6 { font-size:17px; line-height:22px; }
|
|
|
|
.centertitle, #reply-title,
|
|
#comments .message h2,
|
|
#comments .message h2 a { font-size:20px !important; line-height:26px !important; }
|
|
|
|
.blockit .content_max_width .wpb_column { padding: 20px 0px 20px 0px !important; }
|
|
.blockit .content_max_width .vc_row { margin-left: 20px; margin-right: 20px; }
|
|
|
|
.pullup_list { margin-top: 0px; }
|
|
.faqsearch_input { margin-top: -149px; }
|
|
|
|
ul.inlinelist li { margin-right: 2px; }
|
|
|
|
.imagepadding { padding: 0 10px; }
|
|
|
|
.fatheadline { padding-left: 15px; font-size:36px; line-height:40px; margin-top: -5px;}
|
|
.thinheadline { padding-left: 15px; }
|
|
|
|
.esg-filter-wrapper.dropdownstyle { margin-left: 7px !important; }
|
|
|
|
|
|
/* TP FOOTER */
|
|
.footercenter { width: 100%; }
|
|
.footerlogos { width: 100%; }
|
|
.footerlogos .leftlogo,
|
|
.footerlogos .rightlogo { float: left; display: block; padding-top: 20px; padding-bottom: 20px; }
|
|
.footerlogos .leftlogo { width: 100%; border-right: 0; text-align: center; padding-right: 0px; }
|
|
.footerlogos .rightlogo { width: 100%; text-align: center; padding-left: 0px; }
|
|
|
|
.buttonright { margin-top: -24px; text-align: left; padding-left: 17px; }
|
|
|
|
.footerlogos .tplogo { width: 100%; }
|
|
.footerlogos a.tpsocial:hover { color: #fff; font-size: 20px; }
|
|
.footerlogos .leftlogo a.tpsocial { float: none; margin: 0 5px; }
|
|
.footerlogos .rightlogo a.tpsocial { float: none; margin: 0 5px; }
|
|
.subfooter { padding-top: 35px; }
|
|
|
|
/* TP BUTTONS SMALL */
|
|
|
|
a.tp-btn,
|
|
a.tp-btn:visited { line-height: 32px; font-size: 12px; padding: 10px 13px; }
|
|
a.tp-btn i { font-size: 20px; top: 5px; margin-right: 7px; }
|
|
a.tp-transparent-button-black:hover i { left: 10px; }
|
|
a.tp-transparent-button-white:hover i { left: 10px; }
|
|
|
|
}
|
|
|
|
|
|
@media only screen and (min-width:768px) {
|
|
.content_inner_wrapper_boxed,
|
|
.boxed .container#header_inner_wrapper { max-width: 790px; }
|
|
|
|
.boxed .container#header_inner_wrapper { max-width:830px; }
|
|
|
|
.boxed.nosidebar,
|
|
.withsidebar2,
|
|
.boxed #header_background.withtp-media .boxed_inner_wrapper { max-width: 830px;}
|
|
|
|
|
|
#footer .row { display: table; width:100%}
|
|
#footer .widgetslot { display:table-cell; float:none;}
|
|
#header.boxed.fullwidth .container#header_inner_wrapper,
|
|
#footer.boxed .container-fluid,
|
|
#footer.boxed .footerinnerwrapper { max-width:830px;}
|
|
|
|
/* TP SPECIAL STYLES */
|
|
.imagepadding { padding: 0 10px; }
|
|
}
|
|
|
|
@media only screen and (min-width: 992px) {
|
|
.content_inner_wrapper_boxed,
|
|
.boxed .container#header_inner_wrapper { max-width: 970px; }
|
|
|
|
.boxed .container#header_inner_wrapper { max-width:1050px; }
|
|
|
|
.boxed.nosidebar,
|
|
.withsidebar2,
|
|
.boxed #header_background.withtp-media .boxed_inner_wrapper { max-width: 1050px;}
|
|
|
|
#header.boxed.fullwidth .container#header_inner_wrapper,
|
|
#footer.boxed .container-fluid,
|
|
#footer.boxed .footerinnerwrapper { max-width:1050px;}
|
|
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 1200px) {
|
|
.content_inner_wrapper_boxed,
|
|
.boxed .container#header_inner_wrapper { max-width: 1170px; }
|
|
|
|
#header.boxed .container#header_inner_wrapper { max-width: 1250px;}
|
|
|
|
.boxed.nosidebar,
|
|
.withsidebar2,
|
|
.boxed #header_background.withtp-media .boxed_inner_wrapper { max-width: 1250px;}
|
|
|
|
#header.boxed.fullwidth .container#header_inner_wrapper,
|
|
#footer.boxed .container-fluid,
|
|
#footer.boxed .footerinnerwrapper { max-width:1250px; }
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.wpb_row { margin-bottom: 0px !important}
|
|
.wpb_column { margin-bottom:35px !important}
|
|
|
|
.mobilebottomzero { margin-bottom: 0 !important; }
|
|
}
|
|
|
|
|
|
|
|
.bottomzero .wpb_column:last-child,
|
|
.bottomzero { margin-bottom:0px !important; }
|
|
|
|
|
|
|
|
|
|
/* ?? Kriki FIX */
|
|
|
|
.tp_vc_mw_rowwrapper .tp_vc_mw_rowwrapper,
|
|
.tp_vc_mw_rowwrapper.fullwidth { padding:0px !important}
|
|
|
|
|
|
|
|
|
|
|
|
/******************************
|
|
- SIDE WIDGET PANEL -
|
|
********************************/
|
|
#bodywrapper { position: relative; left:0px;z-index: 1}
|
|
|
|
#sidewidgetpanel { padding:55px 30px 30px; width:300px;height:100%;top:0px;right:0px;
|
|
position:fixed;
|
|
visibility: hidden;z-index:8000 }
|
|
|
|
#sidewidgetpanel.light { background:#eee; }
|
|
#sidewidgetpanel.dark { background:#000; }
|
|
|
|
#sidewidgetpanel .sidebar_widget,
|
|
#sidewidgetpanel .footer_widget { margin-bottom: 50px; }
|
|
|
|
#sidewidgetpanel .sidebar_widget:last-child,
|
|
#sidewidgetpanel .footer_widget:last-child { margin-bottom: 0px; }
|
|
|
|
.sidewidgetpanel_closer { position: absolute; top:14px;right:12px; cursor: pointer; font-size: 20px; }
|
|
#sidewidgetpanel.dark .sidewidgetpanel_closer:hover { color: #fff; }
|
|
#sidewidgetpanel.light .sidewidgetpanel_closer:hover { color: #333; }
|
|
|
|
/***********************************
|
|
- VISUAL COMPOSER CHANGES -
|
|
************************************/
|
|
|
|
.vc_separator .vc_sep_holder .vc_sep_line { border-top-width: 2px !important; }
|
|
|
|
.wpb_single_image { margin-bottom:0px !important;}
|
|
|
|
.miamigallery ul.wpb_image_grid_ul li.isotope-item { margin: 0 5px 5px 0; border: 5px solid #eee; -webkit-transition: border-color 0.1s ease-in-out; -moz-transition: border-color 0.1s ease-in-out; -o-transition: border-color 0.1s ease-in-out; -ms-transition: border-color 0.1s ease-in-out;}
|
|
.miamigallery ul.wpb_image_grid_ul li.isotope-item:hover { border-color: #313437; }
|
|
|
|
/*.wpb_text_column a { color: #000; outline: none; text-decoration: none; font-weight: 700; }
|
|
.wpb_text_column a:focus, .wpb_text_column a:active { outline: 0; text-decoration: none; color: #e03301; }
|
|
.wpb_text_column a:hover { text-decoration: none; color: #e03301; }*/
|
|
|
|
|
|
/***********************************
|
|
- Crayon -
|
|
************************************/
|
|
|
|
.crayon-syntax.crayon-wrapped .crayon-line,
|
|
.crayon-syntax-inline .crayon-pre {
|
|
white-space: pre-wrap !important;
|
|
word-break: break-all ;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
|
|
/******************************
|
|
- TESTIMONIAL SLIDER -
|
|
********************************/
|
|
|
|
|
|
|
|
.testimonial_slider ul,
|
|
.testimonial_slider li { list-style: none; margin:0px;padding:0px; text-align: center; width:100%; position:relative}
|
|
.testimonial_slider ul { margin-bottom:30px; overflow: hidden}
|
|
.testimonial_slider li { position: absolute;width:100%; top:0px; visibility: hidden;}
|
|
.testimonial_slider li:first-child { position: relative; visibility: visible}
|
|
.testimonial_slider_content { font-size:20px;line-height:30px;font-weight:400; margin-bottom:15px; }
|
|
.lightondark .testimonial_slider_content { color: rgba(255,255,255,1); }
|
|
.testimonial_slider_author,
|
|
.testimonial_slider_author span { font-size:13px; font-weight:600; line-height:24px; }
|
|
.lightondark .company { color: rgba(255,255,255,0.25); }
|
|
|
|
/* BULLET STYLE*/
|
|
.testimonial-bullets {
|
|
height:10px; vertical-align:middle; line-height:10px; text-align: center;
|
|
}
|
|
|
|
.testimonial-bullets .bullet {
|
|
cursor:pointer;
|
|
width: 9px;
|
|
height: 9px;
|
|
background: #999; background:rgba(85,85,85,0.35);
|
|
display: inline-block;
|
|
position: relative;
|
|
margin-right: 7px;
|
|
border-radius:50%;
|
|
-webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out;
|
|
}
|
|
|
|
.testimonial-bullets .bullet.selected, .testimonial-bullets .bullet:hover {
|
|
background: #555;
|
|
}
|
|
|
|
|
|
.testimonial-bullets .bullet.last {
|
|
margin-right:0px;
|
|
}
|
|
|
|
|
|
.lightondark .testimonial-bullets .bullet {
|
|
background: #fff; background:rgba(255,255,255,0.5);
|
|
}
|
|
|
|
.lightondark .testimonial-bullets .bullet.selected, .lightondark .testimonial-bullets .bullet:hover {
|
|
background: #fff;
|
|
}
|
|
|
|
|
|
|
|
/******************************
|
|
- BLOG STLYES -
|
|
********************************/
|
|
.blog_post_title_day { color:#333;font-size:35px; line-height:35px; font-weight:600; display:inline-block; margin-right:5px;}
|
|
.blog_post_title_month { color:#333;font-size:13px; line-height:26px; vertical-align: top; font-weight:600; display: inline-block; margin-right:20px;}
|
|
|
|
.light .blog_post_title_day,
|
|
.light .blog_post_title_month { color: #fff; }
|
|
|
|
.blog_post_title,
|
|
.blog_post_title a,
|
|
.blog_post_title a:hover { color:#333; font-size:27px; line-height:40px; font-weight:600;display: inline-block; margin-top:0px;}
|
|
|
|
.light .blog_post_title,
|
|
.light .blog_post_title a,
|
|
.light .blog_post_title a:hover { color:#fff; }
|
|
.light .br-textwrapper { color: rgba(255,255,255,0.5); }
|
|
.light .sbr-textwrapper p { color: rgba(255,255,255,0.5) !important; }
|
|
.light .blogdivider { border-color: rgba(255,255,255,0.1) !important; }
|
|
|
|
|
|
.blog_featuredimage img { width:100%; height: auto; margin:0px; padding:0px;}
|
|
|
|
.blog_post_meta_icon,
|
|
.blog_post_meta_title,
|
|
.blog_post_meta_title a,
|
|
.blog_post_meta_title a:visited,
|
|
.blog_post_meta_date,
|
|
.blog_post_meta_date a,
|
|
.blog_post_meta_date a:visited,
|
|
.blog_post_meta_tags,
|
|
.blog_post_meta_tags a,
|
|
.blog_post_meta_tags a:visited,
|
|
.blog_post_meta_categories,
|
|
.blog_post_meta_categories a,
|
|
.blog_post_meta_categories a:visited,
|
|
.blog_post_meta_comments_link,
|
|
.blog_post_meta_comments_link a,
|
|
.blog_post_meta_comments_link a:visited,
|
|
.blog_post_meta_author,
|
|
.blog_post_meta_author a,
|
|
.blog_post_meta_author a:visited { float: left; position: relative; color: #3f4549; font-size:14px; line-height: 28px !important; font-weight:500; text-transform: none; margin-bottom: 5px; }
|
|
.blog_post_meta_tags a:hover,
|
|
.blog_post_meta_title a:hover,
|
|
.blog_post_meta_categories a:hover,
|
|
.blog_post_meta_author a:hover,
|
|
.blog_post_meta_comments_link a:hover,
|
|
.blog_post_meta_date a:hover { color:#000; }
|
|
|
|
.blog_post_meta_categories:before { float: left; font-family: 'Pe-icon-7-stroke'; content: "\e653"; font-size: 20px; margin-right: 5px; font-weight:normal; }
|
|
.blog_post_meta_date:before { float: left; font-family: 'Pe-icon-7-stroke'; content: "\e660"; font-size: 20px; margin-right: 5px; font-weight:normal; }
|
|
.blog_post_meta_author:before { float: left; font-family: 'Pe-icon-7-stroke'; content: "\e605"; font-size: 20px; margin-right: 5px; font-weight:normal; }
|
|
|
|
|
|
.light .blog_post_meta_icon,
|
|
.light .blog_post_meta_title,
|
|
.light .blog_post_meta_title a,
|
|
.light .blog_post_meta_title a:visited,
|
|
.light .blog_post_meta_date,
|
|
.light .blog_post_meta_date a,
|
|
.light .blog_post_meta_date a:visited,
|
|
.light .blog_post_meta_tags,
|
|
.light .blog_post_meta_tags a,
|
|
.light .blog_post_meta_tags a:visited,
|
|
.light .blog_post_meta_categories,
|
|
.light .blog_post_meta_categories a,
|
|
.light .blog_post_meta_categories a:visited,
|
|
.light .blog_post_meta_comments_link,
|
|
.light .blog_post_meta_comments_link a,
|
|
.light .blog_post_meta_comments_link a:visited,
|
|
.light .blog_post_meta_author,
|
|
.light .blog_post_meta_author a,
|
|
.light .blog_post_meta_author a:visited { color:rgba(255,255,255,0.65);}
|
|
.light .blog_post_meta_tags a:hover,
|
|
.light .blog_post_meta_title a:hover,
|
|
.light .blog_post_meta_categories a:hover,
|
|
.light .blog_post_meta_author a:hover,
|
|
.light .blog_post_meta_comments_link a:hover,
|
|
.light .blog_post_meta_date a:hover { color: #fff; }
|
|
|
|
|
|
.blog_post_meta_categories,
|
|
.blog_post_meta_title,
|
|
.blog_post_meta_author,
|
|
.blog_post_meta_comments_link,
|
|
.blog_post_meta_tags,
|
|
.blog_post_meta_date,
|
|
.blog_post_meta_icon { margin-right:20px;}
|
|
|
|
.blog_post_meta_icon span { margin-top: 3px; color: #333; }
|
|
.light .blog_post_meta_icon span { color: #fff; }
|
|
|
|
.blog_post_meta_container { position: relative; z-index:600; }
|
|
.blog_post_meta_container p { display:none; }
|
|
.blog_post_meta_line { min-height: 33px;}
|
|
.blog_post_meta_links { position: absolute; top:-3px;right:0px;}
|
|
|
|
.blog_post_meta_icon .dashicons { font-size: 18px; }
|
|
|
|
/* BLOG WRAPPER SPACINGS */
|
|
|
|
.blog hr.blogdivider,
|
|
.archive hr.blogdivider,
|
|
.category hr.blogdivider { margin-top:5px; margin-bottom:8px !important; border-top: 2px solid #eee; }
|
|
.single hr.blogdivider { margin-top: 28px !important; border-top: 2px solid #eee; }
|
|
|
|
.br-titlewrapper { margin-bottom: 15px; }
|
|
.br-mediawrapper { margin-bottom: 16px; }
|
|
.blog .title_media_wrapper_row,
|
|
.archive .title_media_wrapper_row,
|
|
.category .title_media_wrapper_row,
|
|
.br-textwrapper .tp_vc_mw_rowwrapper:last-child .vc_row { margin-bottom: 19px !important; }
|
|
|
|
.blog_post_meta_container { margin-top:0px; margin-bottom: 66px !important; }
|
|
.archive .blog_post_meta_container { margin-top:0px; margin-bottom: 46px !important; }
|
|
.single .title_media_wrapper_row { margin-bottom: 15px !important; }
|
|
.single .comments_start_divider { margin-bottom: 27px; }
|
|
|
|
.comments_start_divider .blogdivider { border-top: 0 !important; }
|
|
|
|
.blog .br-contentwrapper .vc_col-sm-12,
|
|
.archive .br-contentwrapper .vc_col-sm-12,
|
|
.category .br-contentwrapper .vc_col-sm-12 { margin-bottom: 0px !important; }
|
|
|
|
/* BLOG TITLE ALIGNMENTS */
|
|
|
|
.blog_single_elements_center .related_posts h3.centertitle,
|
|
.blog_single_elements_center #respond h3#reply-title,
|
|
.blog_single_elements_center #respond .logged-in-as,
|
|
.blog_single_elements_center #respond .form-submit,
|
|
.blog_single_elements_center #comments .form-submit,
|
|
.blog_single_elements_center #comments h2.centertitle { text-align: center; }
|
|
.blog_single_elements_center .related_posts .headerunderline:after,
|
|
.blog_single_elements_center #respond h3#reply-title:after,
|
|
.blog_single_elements_center #comments .headerunderline:after { left:50% !important; margin-left:-15px !important;}
|
|
|
|
.blog_single_elements_left .related_posts h3.centertitle,
|
|
.blog_single_elements_left #respond h3#reply-title,
|
|
.blog_single_elements_left #respond .logged-in-as,
|
|
.blog_single_elements_left #respond .form-submit,
|
|
.blog_single_elements_left #comments .form-submit,
|
|
.blog_single_elements_left #comments h2.centertitle { text-align: left; }
|
|
.blog_single_elements_left .related_posts .headerunderline:after,
|
|
.blog_single_elements_left #respond h3#reply-title:after,
|
|
.blog_single_elements_left #comments .headerunderline:after { left:0%; margin-left:0px;}
|
|
|
|
.blog_single_elements_right .related_posts h3.centertitle,
|
|
.blog_single_elements_right #respond h3#reply-title,
|
|
.blog_single_elements_right #respond .logged-in-as,
|
|
.blog_single_elements_right #respond .form-submit,
|
|
.blog_single_elements_right #comments .form-submit,
|
|
.blog_single_elements_right #comments h2.centertitle { text-align: right; }
|
|
.blog_single_elements_right .related_posts .headerunderline:after,
|
|
.blog_single_elements_right #respond h3#reply-title:after,
|
|
.blog_single_elements_right #comments .headerunderline:after { left:auto; right:0%;margin-left:0px;}
|
|
|
|
|
|
|
|
|
|
/* BLOG POST SHORTCODE */
|
|
|
|
.blog_post_meta_line.small { min-height: 0; margin-top: 10px; padding-right:0px; }
|
|
.blog_post_title_month.small { margin-right: 15px; }
|
|
.blog_post_title.small,
|
|
.blog_post_title.small a,
|
|
.blog_post_title.small a:visited { font-size:21px; line-height:26px; width: 100%; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; }
|
|
.blog_post_title.small { margin-top: 5px; margin-bottom: 10px !important; }
|
|
|
|
.postshortcode { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 35px 40px; background: #f5f5f5; -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; margin-bottom: 0px !important; }
|
|
.postshortcode:hover { background: #252525; }
|
|
|
|
.blog_post_content.small { display: table-cell; font-size: 15px; vertical-align: top; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; }
|
|
.postthumb { display: table-cell; width: 105px; }
|
|
.postthumb img { margin-top: 12px; }
|
|
|
|
.postshortcode a.postlink { color: #333; font-size: 13px; font-weight: 600; margin-top: 20px; float: left; position: relative; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out;}
|
|
.postshortcode a.postlink:after { content:" "; width:30px;height:2px;position:absolute;top:-5px;left:1px;margin-left:0; background: #333; -webkit-transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; -ms-transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; }
|
|
.postshortcode:hover a.postlink:after { width: 100%; background: #fff; }
|
|
.postshortcode:hover a.postlink { color: #fff; }
|
|
.postshortcode:hover .blog_post_title.small a { color: #fff; }
|
|
|
|
.postshortcode:hover .blog_post_meta_line.small span,
|
|
.postshortcode:hover .blog_post_meta_tags a,
|
|
.postshortcode:hover .blog_post_meta_title a,
|
|
.postshortcode:hover .blog_post_meta_categories a,
|
|
.postshortcode:hover .blog_post_meta_author a,
|
|
.postshortcode:hover .blog_post_meta_comments_link a,
|
|
.postshortcode:hover .blog_post_meta_date a,
|
|
.postshortcode:hover .blog_post_meta_icon .dashicons { color: #999; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; }
|
|
|
|
.postshortcode:hover .blog_post_meta_line.small span:hover,
|
|
.postshortcode:hover .blog_post_meta_tags a:hover,
|
|
.postshortcode:hover .blog_post_meta_title a:hover,
|
|
.postshortcode:hover .blog_post_meta_categories a:hover,
|
|
.postshortcode:hover .blog_post_meta_author a:hover,
|
|
.postshortcode:hover .blog_post_meta_comments_link a:hover,
|
|
.postshortcode:hover .blog_post_meta_date a:hover,
|
|
.postshortcode:hover .blog_post_meta_icon .dashicons { color:#fff; }
|
|
|
|
.indentedmedia_wrapper { margin-top:-120px; min-height: 105px; }
|
|
.blog_featurediframe,
|
|
.blog_featuredhtml5video,
|
|
.blog_featuredimage,
|
|
.blog_featuredvideo { line-height: 0; }
|
|
|
|
|
|
.html5inpost { width:100%;height:auto;}
|
|
|
|
/* PAGINATION */
|
|
|
|
.pagenavi { font-size: 13px; font-weight: 600; color: #555; margin-top: 14px; }
|
|
.pagenavi .pages { margin-right: 20px; }
|
|
.pagenavi .current,
|
|
.pagenavi a:hover { padding: 8px 15px; background: #eee; margin-right: 2px; color: #555; border: 2px solid #eee; }
|
|
.pagenavi a,
|
|
.pagenavi span.expand { padding: 8px 15px; background: transparent; margin-right: 2px; color: #555; border: 2px solid #eee; line-height: 24px; }
|
|
|
|
.light .pagenavi { color: rgba(255,255,255,0.65); }
|
|
.light .pagenavi .current,
|
|
.light .pagenavi a:hover { background: rgba(255,255,255,0.1); border: 2px solid transparent; color: #fff; }
|
|
.light .pagenavi a,
|
|
.light .pagenavi span.expand { color: #fff; border: 2px solid rgba(255,255,255,0.1); }
|
|
|
|
|
|
|
|
/*******************************************
|
|
- READ MORE, REPLY, SUBMIT BUTTON -
|
|
*******************************************/
|
|
|
|
.readmorebutton,
|
|
.comment-reply-link.reply { position: relative; display: inline-block; margin-top: 5px; margin-left: 25px; }
|
|
.readmorebutton a,
|
|
.comment-reply-link.reply { float: left; display: inline-block; color:rgba(43,47,53,0.5); line-height: 18px !important; font-size: 13px; font-weight: 400; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
|
|
.comment-reply-link.reply:before { content: '\e67a'; color:rgba(43,47,53,0.5); font-family: 'Pe-icon-7-stroke'; font-size: 20px; position: absolute; margin-top: 0px; margin-left: -26px; }
|
|
|
|
.readmorebutton a:hover,
|
|
.comment-reply-link.reply:hover { color: #000 !important; background: #fff600 !important; }
|
|
|
|
.light .readmorebutton a,
|
|
.light .comment-reply-link.reply { color: #fff; }
|
|
.light .readmorebutton a:after,
|
|
.light .comment-reply-link.reply:after { background: #fff;}
|
|
.light .readmorebutton a:hover,
|
|
.light .comment-reply-link.reply:hover { color: #33bfd8; }
|
|
.light .readmorebutton a:hover:after,
|
|
.light .comment-reply-link.reply:hover:after { width: 100%; background: #33bfd8; }
|
|
|
|
.logged-in-as a,
|
|
.logged-in-as a:visited { color:#000; font-weight:400; text-transform: none; margin-left: 3px; }
|
|
.logged-in-as a:hover { color: #000; background: #fff600 !important; }
|
|
|
|
.light .logged-in-as { color: rgba(255,255,255,0.5); }
|
|
.light .logged-in-as a,
|
|
.light .logged-in-as a:visited { color: rgba(255,255,255,0.65); }
|
|
.light .logged-in-as a:hover { color: #fff; }
|
|
|
|
/******************************
|
|
- SHARE LIKES -
|
|
********************************/
|
|
|
|
.sharemecollector { position: relative; display: inline-block; margin-right:0; vertical-align: top;}
|
|
.sharemecollector i { font-size:16px; color: #333; }
|
|
.light .sharemecollector i { color: #fff; }
|
|
|
|
.sharemainbutton i:before { margin: 0px;line-height: 15px;padding: 0px;}
|
|
.sharemainbutton { cursor:pointer; display: inline-block;
|
|
border: 2px solid transparent;
|
|
padding:7px 7px 6px 5px; color:#333; font-size:13px; line-height:15px;
|
|
vertical-align: middle; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px; background: transparent;}
|
|
|
|
.shareme { cursor:pointer; display: inline-block;
|
|
padding:8px 5px; color:#333; font-size:13px; line-height:15px;
|
|
vertical-align: middle; width:33px;height:33px; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
|
|
|
|
.sharemainbutton,
|
|
.sharemask { /*border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;*/ }
|
|
|
|
|
|
.sharemainbutton:hover { background:#33bfd8; border: 2px solid #33bfd8; }
|
|
.sharemainbutton:hover i,
|
|
.sharemainbutton:hover a { color:#fff; }
|
|
|
|
|
|
.shareshowonhover { position:absolute;bottom:38px;left:0px; width:32px; overflow: hidden; z-index: 999}
|
|
.sharemask { position: absolute; bottom:5px;left:0px; height:0px;width:32px;background:#111; }
|
|
.sharemask:after { content:" ";width: 0;height: 0;border-style: solid;border-width: 5px 5px 0 5px;border-color: #111 transparent transparent transparent; position:absolute;bottom:-5px;left:50%;margin-left:-5px;}
|
|
.shareme { position:relative;display: block; border:2px solid transparent;background:transparent;}
|
|
.shareme a,
|
|
.shareme i { color:#fff; }
|
|
.shareme i.icon-facebook { margin-left: -2px; }
|
|
.shareme i.icon-pinterest-circled { margin-left: -1px; }
|
|
.shareme i.icon-twitter { margin-left: -1px; }
|
|
.shareme i.icon-digg { margin-left: -2px; }
|
|
.shareme i.icon-delicious { margin-left: -1px; }
|
|
.shareme i.icon-stumbleupon { margin-left: -1px; }
|
|
.shareme i.icon-linkedin { margin-left: -1px; }
|
|
|
|
/*.shareme:hover a,
|
|
.shareme a:hover,
|
|
.shareme:hover i { color:#ccc; color:rgba(255,255,255,0.75);}*/
|
|
|
|
|
|
/******************************
|
|
- COMMENTS -
|
|
********************************/
|
|
|
|
/* DISQUS */
|
|
|
|
#disqus_thread { margin-top: 70px; }
|
|
|
|
#comments { margin-bottom: 70px; margin-top: 75px; }
|
|
#comments ul,
|
|
#comments ul li { list-style: none; padding: 0px; margin: 0px;}
|
|
|
|
#comments ul.children { margin-top:10px; padding-left:30px; }
|
|
|
|
#comments .comment-body { position:relative; display:table; padding:40px 40px 32px 40px; width:100%; border: 0px solid #eee; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box}
|
|
.light #comments .comment-body { background: rgba(0,0,0,0.1); }
|
|
|
|
#comments .user,
|
|
#comments .message { display: table-cell; vertical-align: top;}
|
|
#comments .message { padding-left:20px;}
|
|
|
|
.light #comments .message { color: rgba(255,255,255,0.5);}
|
|
|
|
#comments .user { width:80px;}
|
|
#comments .user img { width:80px;height:80px;}
|
|
|
|
#comments .message h2 { padding:0px; margin-top:-4px; margin-bottom: 2px;}
|
|
#comments .message h2,
|
|
#comments .message h2 a { font-size:19px; color:#000; font-weight: 700; line-height:25px; padding-right: 40px; }
|
|
|
|
.light #comments .message h2,
|
|
.light #comments .message h2 a { color:#fff; }
|
|
|
|
#comments .message .date { color:rgba(43,47,53,0.5); font-size:13px; font-weight:400; text-transform: uppercase; margin-bottom:14px; }
|
|
.light #comments .message .date { color: rgba(255,255,255,0.65); }
|
|
|
|
.comment-reply-link.reply { position: absolute; top:35px;right:40px;}
|
|
|
|
.comment-notes { text-align: left; margin-bottom: 23px; }
|
|
.light .comment-notes { color: rgba(255,255,255,0.5); }
|
|
|
|
.comment-form-wrapper .name-field,
|
|
.comment-form-wrapper .email-field,
|
|
.comment-form-wrapper .website-field,
|
|
#comments .name-field,
|
|
#comments .email-field,
|
|
#comments .website-field { display: block;width:33.33333%; margin-bottom:0px;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
|
|
.comment-form-wrapper .name-field,
|
|
#comments .name-field { padding:0px 5px 0px 0px;}
|
|
|
|
.comment-form-wrapper .email-field,
|
|
#comments .email-field { padding:0px 5px;}
|
|
|
|
.comment-form-wrapper .website-field,
|
|
#comments .website-field { padding:0px 0px 0px 5px; clear:right;}
|
|
|
|
.comment-form-wrapper .message-field,
|
|
#comments .message-field { clear:both;margin-top:20px; }
|
|
|
|
.comment-form-wrapper .message-field textarea,
|
|
#comments .message-field textarea { margin-bottom:0px;}
|
|
|
|
#respond { margin-top:76px;}
|
|
#comments #respond { margin-bottom:0px; margin-top:56px; }
|
|
|
|
hr.reply-divider { border-top: 0 !important; margin: 0; }
|
|
|
|
.comment-form-wrapper .form-submit,
|
|
#comments .form-submit { margin-top: 10px; }
|
|
|
|
.logged-in-as { text-align: center; margin-bottom: 23px; }
|
|
|
|
#cancel-comment-reply-link { background: #252525; color: #fff; font-size: 20px; font-weight: 800; padding-left: 7px; padding-right: 7px; padding-bottom: 2px; margin-left: 5px; }
|
|
.light #cancel-comment-reply-link { background: #fff; color: #333; }
|
|
|
|
|
|
/******************************
|
|
- FORMS -
|
|
********************************/
|
|
|
|
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-family: 'Roboto', sans-serif; -webkit-font-smoothing:antialiased; font-smoothing: antialiased; display: inline-block; padding: 11px 15px !important; margin-bottom: 10px !important; font-size: 15px !important; font-weight: 400; line-height: 24px !important; color: #999 !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #e5e5e5; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align:top; width: 100%; max-width: 100%; }
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 13px !important; line-height: 20px !important; }
|
|
}
|
|
|
|
textarea { resize:vertical; }
|
|
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
|
|
border-outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none; border: 0; background: #fff; color: #000 !important; }
|
|
input:-moz-placeholder, textarea:-moz-placeholder { color: #999 !important; }
|
|
input::-moz-placeholder, textarea::-moz-placeholder { color: #999 !important; }
|
|
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999 !important; }
|
|
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999 !important; }
|
|
#buddypress form#whats-new-form textarea { height:100px;}
|
|
|
|
/*Light on Dark*/
|
|
.lightondark select, .lightondark textarea, .lightondark input[type="text"], .lightondark input[type="password"], .lightondark input[type="datetime"], .lightondark input[type="datetime-local"], .lightondark input[type="date"], .lightondark input[type="month"], .lightondark input[type="time"], .lightondark input[type="week"], .lightondark input[type="number"], .lightondark input[type="email"], .lightondark input[type="url"], .lightondark input[type="search"], .lightondark input[type="tel"], .lightondark input[type="color"], .light select, .light textarea, .light input[type="text"], .light input[type="password"], .light input[type="datetime"], .light input[type="datetime-local"], .light input[type="date"], .light input[type="month"], .light input[type="time"], .light input[type="week"], .light input[type="number"], .light input[type="email"], .light input[type="url"], .lightondark input[type="search"], .light input[type="tel"], .light input[type="color"]
|
|
{ color: #fff !important; background-color: rgba(255,255,255,0.05); border:0; margin-bottom: 0px; }
|
|
|
|
.lightondark textarea:focus, .lightondark input[type="text"]:focus, .lightondark input[type="password"]:focus, .lightondark input[type="datetime"]:focus, .lightondark input[type="datetime-local"]:focus, .lightondark input[type="date"]:focus, .lightondark input[type="month"]:focus, .lightondark input[type="time"]:focus, .lightondark input[type="week"]:focus, .lightondark input[type="number"]:focus, .lightondark input[type="email"]:focus, .lightondark input[type="url"]:focus, .lightondark input[type="search"]:focus, .lightondark input[type="tel"]:focus, .lightondark input[type="color"]:focus, .lightondark .uneditable-input:focus,
|
|
.light textarea:focus, .light input[type="text"]:focus, .light input[type="password"]:focus, .light input[type="datetime"]:focus, .lightondark input[type="datetime-local"]:focus, .light input[type="date"]:focus, .light input[type="month"]:focus, .light input[type="time"]:focus, .light input[type="week"]:focus, .light input[type="number"]:focus, .light input[type="email"]:focus, .light input[type="url"]:focus, .light input[type="search"]:focus, .light input[type="tel"]:focus, .light input[type="color"]:focus, .light .uneditable-input:focus
|
|
{ border: 0; background-color: rgba(255,255,255,0.1); }
|
|
|
|
.lightondark input:-moz-placeholder, .lightondark textarea:-moz-placeholder { color: #fff !important; }
|
|
.lightondark input::-moz-placeholder, .lightondark textarea::-moz-placeholder { color: #fff !important; }
|
|
.lightondark input:-ms-input-placeholder, .lightondark textarea:-ms-input-placeholder { color: #fff !important; }
|
|
.lightondark input::-webkit-input-placeholder, .lightondark textarea::-webkit-input-placeholder { color: #fff !important; }
|
|
.light input:-moz-placeholder, .lightondark textarea:-moz-placeholder { color: #fff !important; }
|
|
.light input::-moz-placeholder, .lightondark textarea::-moz-placeholder { color: #fff !important; }
|
|
.light input:-ms-input-placeholder, .lightondark textarea:-ms-input-placeholder { color: #fff !important; }
|
|
.light input::-webkit-input-placeholder, .lightondark textarea::-webkit-input-placeholder { color: #fff !important; }
|
|
|
|
/******************************
|
|
- CONTACT FORM 7 -
|
|
********************************/
|
|
|
|
.wpcf7-form { margin-bottom: 0; }
|
|
.wpcf7 input[type="text"], .wpcf7 select, .wpcf7 input[type="email"]{ width:100%; max-width:100%; }
|
|
.wpcf7-textarea, .light-on-dark .wpcf7-textarea { width:100%; max-width:100%; height: 100px; }
|
|
div.wpcf7-response-output { margin: 0; }
|
|
div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors { position:relative; padding: 13px 15px 13px 15px; margin-bottom: 20px; margin-top: 0px; color: #c09853; text-shadow: none; background-color: #fcf8e3; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
|
|
div.wpcf7-mail-sent-ok { color: #fff; background-color: #468847; width: 100%; text-align: center; }
|
|
div.wpcf7-mail-sent-ng { color: #fff; background-color: #3a87ad; }
|
|
div.wpcf7-spam-blocked { color: #fff; background-color: #3a87ad; }
|
|
div.wpcf7-validation-errors { color: #fff; background-color: #eb5858; border-color: #eb5858; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align: center; margin-top: -10px; }
|
|
span.wpcf7-form-control-wrap { position: relative; width: 100%; }
|
|
input.wpcf7-not-valid, textarea.wpcf7-not-valid { border: 2px solid #eb5858 !important; }
|
|
span.wpcf7-not-valid-tip { color: #eb5858; margin-bottom: -10px !important; }
|
|
.footer span.wpcf7-not-valid-tip { position: absolute; top: -3px; }
|
|
span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; }
|
|
.formbtnstyle { clear: both; margin-top: 20px; }
|
|
.wpcf7 *::-moz-placeholder { opacity:1 !important;}
|
|
.wpcf7-form .ajax-loader { display: block; width: 26px; margin-left: 0; margin-top: 10px; background: #eee; padding: 5px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 30px; }
|
|
div.wpcf7 img.ajax-loader { margin-left: 0 !important; }
|
|
.rev_slider .wpcf7-form .ajax-loader { display: none; }
|
|
.wpcf7-submit { margin-top: 10px !important; }
|
|
|
|
.rev_slider div.wpcf7-validation-errors { margin-top: 10px; }
|
|
|
|
/* Captcha */
|
|
.wpcf7-captchac { margin-bottom: 10px !important; }
|
|
.captchastyle { width: 200px !important; }
|
|
|
|
/* SUBMIT BUTTON */
|
|
|
|
.form-submit { text-align: center;}
|
|
input[type="submit"],
|
|
input[type="submit"]:focus { background: #fff600; color: #000; outline: none; border: 0; text-decoration: none !important; line-height: 58px; font-size: 18px; font-weight: 700; padding: 0px 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; width: 100%;
|
|
}
|
|
.lightondark input[type="submit"],
|
|
.light input[type="submit"],
|
|
.lightondark input[type="submit"]:focus,
|
|
.light input[type="submit"]:focus { border:2px solid #fff; color:#fff; }
|
|
.lightondark input[type="submit"]:focus:hover,
|
|
.light input[type="submit"]:focus:hover { color:#fff; }
|
|
input[type="submit"]:hover { background:#000 !important; color:#fff; }
|
|
|
|
|
|
|
|
|
|
/******************************
|
|
- MAP IT -
|
|
********************************/
|
|
|
|
.mapit { width:100%; min-height:500px;}
|
|
|
|
|
|
|
|
/*****************************************************
|
|
- PARALLAX BACKGROUND SMOOTH VERSION :D -
|
|
******************************************************/
|
|
|
|
.rowbgimage_offset { position:relative; width:100%;height:100%; z-index:5000}
|
|
.rowbgimage_overlay { position: absolute;top: 0px;left: 0;z-index: 0;width: 100%;height: 100%;}
|
|
.rowbgimage_outter { position:absolute; top:0px;left:0px;width:100%;height:100%;z-index: 0; overflow:hidden;}
|
|
|
|
.rowbgimage_inner { position:absolute; top:0px;left:0px;right:0px;height:100%;-webkit-transform: translateX(50%) translateY(50%);-moz-transform: translateX(50%) translateY(50%);transform: translateX(50%) translateY(50%); -ms-transform: translateX(50%) translateY(50%)}
|
|
.rowbgimage { min-width:100%; min-height:120%;max-height:500%;max-width:500%;position:absolute; top:0px;left:0px; -webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%)}
|
|
|
|
|
|
/********************************************
|
|
- SLIDER NAVIGATION CORRECTION -
|
|
********************************************/
|
|
|
|
.tparrows { z-index: 508 !important}
|
|
|
|
/* LIGHT ON DARK */
|
|
/* NAV ARROW STYLE */
|
|
|
|
.tparrows.default.miami-light { width:23px; height:44px; padding-top: 50px; padding-bottom: 50px; background: transparent; }
|
|
.tparrows.default.miami-light:after { position:absolute; line-height: 50px; text-align: center; font-family: "revicons"; color: #fff; color:#aaa; font-size:50px; top:0px;left:0px;z-index:0; width:23px; height:44px; -webkit-transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out; }
|
|
.tparrows.default.miami-light:hover:after { color: #fff; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); }
|
|
.tp-rightarrow.miami-light { padding-right: 100px; }
|
|
.tp-leftarrow.miami-light { padding-left: 100px; }
|
|
.tp-rightarrow.miami-light:after { content: '\e825'; padding-left: 76px; padding-top: 25px; }
|
|
.tp-leftarrow.miami-light:after { content: '\e824'; padding-right: 76px; padding-top: 25px; }
|
|
|
|
/* BULLET STYLE */
|
|
.tp-bullets.simplebullets.miami-light { height:9px; vertical-align:middle; line-height:10px }
|
|
.tp-bullets.simplebullets.miami-light .bullet { cursor:pointer;width: 9px; height: 9px;background: #aaa; float: left; position: relative; margin-right: 7px; border-radius:50%; -webkit-transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
|
|
|
|
}
|
|
.tp-bullets.simplebullets.miami-light .bullet.selected,
|
|
.tp-bullets.simplebullets.miami-light .bullet:hover { background: #fff;
|
|
-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5);
|
|
-moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5);
|
|
box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5);}
|
|
.tp-bullets.simplebullets.miami-light .bullet.last { margin-right:0px; }
|
|
|
|
|
|
/* DARK ON LIGHT */
|
|
/* NAV ARROW STYLE */
|
|
.tparrows.default.miami-dark { width:23px; height:44px; padding-top: 50px;padding-bottom: 50px;background: transparent;}
|
|
.tparrows.default.miami-dark:after { position:absolute; line-height: 50px;text-align: center; font-family: "revicons";color: #333; color:rgba(51,51,51,0.5);font-size:50px; top:0px;left:0px;z-index:0; width:23px; height:44px; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; }
|
|
.tparrows.default.miami-dark:hover:after { color: #333; color:rgba(51,51,51,1);}
|
|
|
|
.tp-rightarrow.miami-dark { padding-right: 100px; }
|
|
.tp-leftarrow.miami-dark { padding-left: 100px; }
|
|
.tp-rightarrow.miami-dark:after { content: '\e825'; padding-left: 76px; padding-top: 25px; }
|
|
.tp-leftarrow.miami-dark:after { content: '\e824'; padding-right: 76px; padding-top: 25px; }
|
|
|
|
|
|
/* BULLET STYLE */
|
|
.tp-bullets.simplebullets.miami-dark { height:9px; vertical-align:middle; line-height:10px }
|
|
.tp-bullets.simplebullets.miami-dark .bullet { cursor:pointer;width: 9px;height: 9px;background: #333; background:rgba(51,51,51,0.5);float: left;position: relative;margin-right: 7px;border-radius:50%;
|
|
-webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out;}
|
|
.tp-bullets.simplebullets.miami-dark .bullet.selected,
|
|
.tp-bullets.simplebullets.miami-dark .bullet:hover { background: #333; }
|
|
.tp-bullets.simplebullets.miami-dark .bullet.last { margin-right:0px; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/******************************
|
|
- IMG HOVERS -
|
|
********************************/
|
|
|
|
.tp-imghover-wrapper { position: relative;width:auto;height:auto; display: inline-block;overflow: hidden;}
|
|
.tp-imghover-wrapper img { width:100%; max-width: 100%;}
|
|
.tp-imghover-overlay { width:100%;height:100%;top:0px;left:0px; overflow: hidden; position: absolute; z-index: 2;}
|
|
.tp-imghover-hover { position: absolute; top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.5); visibility: hidden;z-index: 1;}
|
|
.tp-imghover-title,
|
|
.tp-imghover-subtitle { visibility: hidden;}
|
|
|
|
.tp-imghover-topline,
|
|
.tp-imghover-bottomline,
|
|
.tp-imghover-leftline,
|
|
.tp-imghover-rightline { visibility: hidden;}
|
|
|
|
|
|
|
|
|
|
/* CHARLIE */
|
|
.charlie .tp-imghover-overlay { padding:25px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
.charlie .tp-imghover-overlay-inner { position:absolute;bottom:30px;}
|
|
.charlie .tp-imghover-title { color:#fff; font-size:30px;line-height:35px;font-weight:300; display:inline-block; }
|
|
.charlie strong { font-weight: 900}
|
|
.charlie .tp-imghover-subtitle { color:#fff; color:rgba(255,255,255,0.85); font-size:13px;line-height:18px;font-weight:600; display:inline-block; padding-right:20px; }
|
|
|
|
.charlie.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px;}
|
|
.charlie.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px;}
|
|
|
|
.charlie.smallimage .tp-imghover-title { font-size:16px; line-height: 16px;}
|
|
.charlie.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px;}
|
|
|
|
|
|
/* ROCKY */
|
|
.rocky .tp-imghover-overlay { padding:0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
|
|
.rocky .tp-imghover-bottomline { bottom:0px;left:0px;position:absolute;width:100%;height:0px;background:#2d3032;}
|
|
.rocky .tp-imghover-title { color:#333; bottom:30%; left:0px; width:100%; position:absolute; font-size:30px;line-height:35px;font-weight:900; display:block; text-align: center;}
|
|
.rocky strong { font-weight: 900;}
|
|
|
|
.rocky .tp-imghover-subtitle { color:#333; font-size:13px;line-height:18px;font-weight:600; display:block; text-align: center; position: absolute; bottom:30px; left:10%; width:80%; }
|
|
|
|
.rocky.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px;}
|
|
.rocky.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px;}
|
|
|
|
.rocky.smallimage .tp-imghover-title { font-size:16px; line-height: 16px;}
|
|
.rocky.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px;}
|
|
|
|
|
|
/* COOPER */
|
|
.cooper .tp-imghover-overlay { padding:0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
|
|
.cooper .tp-imghover-topline { top:8%;left:4%;position:absolute;width:92%;height:1px;background:#333;}
|
|
.cooper .tp-imghover-leftline { top:4%;left:8%;position:absolute;width:1px;height:92%;background:#333;}
|
|
.cooper .tp-imghover-rightline { top:4%;right:8%;position:absolute;width:1px;height:92%;background:#333;}
|
|
.cooper .tp-imghover-bottomline { bottom:8%;left:4%;position:absolute;width:92%;height:1px;background:#333;}
|
|
.cooper .tp-imghover-title { color:#333; position:relative; font-size:32px;line-height:35px;font-weight:300; margin-top:20%; width:80%;left:10%;display:block; text-align: center;}
|
|
.cooper .tp-imghover-subtitle { color:#333; color:rgba(0,0,0,0.65); font-size:13px;line-height:18px;font-weight:600; display:block; margin-top:10px;width:80%;left:10%;text-align: center; position: relative; }
|
|
.cooper strong { font-weight: 900;}
|
|
|
|
.cooper.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px; margin-top:15%;}
|
|
.cooper.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px;}
|
|
|
|
.cooper.smallimage .tp-imghover-title { font-size:16px; line-height: 16px;}
|
|
.cooper.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px;}
|
|
|
|
|
|
/* BUDDY */
|
|
.buddy .tp-imghover-overlay { padding:25px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
.buddy .tp-imghover-title { color:#fff; top:50%; left:0px; width:100%; position:absolute; font-size:32px;line-height:35px;font-weight:300; display:block; text-align: center;}
|
|
.buddy strong { font-weight: 900;}
|
|
.buddy .tp-imghover-subtitle { color:#fff; color:rgba(255,255,255,0.85); font-size:13px;line-height:18px;font-weight:600; display:block; text-align: center; position: absolute; bottom:30px; left:10%; width:80%; }
|
|
|
|
.buddy.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px;}
|
|
.buddy.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px;}
|
|
|
|
.buddy.smallimage .tp-imghover-title { font-size:16px; line-height: 16px;}
|
|
.buddy.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px;}
|
|
|
|
|
|
/* BUSTER */
|
|
.buster .tp-imghover-overlay { padding:0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
|
|
.buster .tp-imghover-title { color:#333; bottom:0px; left:0px; width:100%; position:absolute; font-size:30px;line-height:35px;font-weight:300; display:block; text-align: left; background:#fff; padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
.buster .tp-imghover-subtitle { color:#333; font-size:13px;line-height:18px;font-weight:600; display:block; text-align: left; position: absolute; top:20%; left:10%; width:80%; }
|
|
.buster strong { font-weight: 900;}
|
|
|
|
.buster.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px; padding:5px;}
|
|
.buster.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px; top:10%;}
|
|
|
|
.buster.smallimage .tp-imghover-title { font-size:16px; line-height: 16px; padding:3px;}
|
|
.buster.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px; top:10%;}
|
|
|
|
|
|
/* MURPHY */
|
|
.murphy .tp-imghover-overlay { padding:0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
|
|
.murphy .tp-imghover-topline { top:4%;left:4%;position:absolute;width:92%;height:92%;border:2px solid #fff;}
|
|
.murphy .tp-imghover-title { color:#fff; position:relative; font-size:30px;line-height:35px;font-weight:300; margin-top:15%; width:80%;left:10%;display:block; text-align: center;}
|
|
.murphy .tp-imghover-subtitle { color:#fff; font-size:13px;line-height:18px;font-weight:600; display:block; width:80%;left:10%;text-align: center; position: relative; }
|
|
.murphy strong { font-weight: 900;}
|
|
|
|
.murphy.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px; margin-top:15%;}
|
|
.murphy.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px;}
|
|
|
|
.murphy.smallimage .tp-imghover-title { font-size:16px; line-height: 16px; margin-top:10%;}
|
|
.murphy.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px;}
|
|
|
|
|
|
/* SAM */
|
|
.sam .tp-imghover-overlay { padding:0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
|
|
.sam .tp-imghover-topline { top:20%;margin-top:20px;left:5%;position:absolute;width:90%;height:2px;background:#333;}
|
|
.sam .tp-imghover-title { color:#333; position:absolute; font-size:30px;line-height:35px;font-weight:300; top:20%; width:80%;left:5%;display:block; text-align: left;}
|
|
.sam .tp-imghover-subtitle { color:#333; font-size:13px;line-height:18px;font-weight:600; display:block; width:90%;left:5%;text-align: left; position: absolute; bottom:20px; }
|
|
.sam strong { font-weight: 900;}
|
|
|
|
.sam.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px;top:15%;}
|
|
.sam.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px;}
|
|
.sam.mediumimage .tp-imghover-topline { top:15%;margin-top:20px;height:2px;background:#000;}
|
|
|
|
.sam.smallimage .tp-imghover-title { font-size:16px; line-height: 16px; top:15%;}
|
|
.sam.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px;}
|
|
.sam.mediumimage .tp-imghover-topline { top:15%;margin-top:20px;height:2px;background:#000;}
|
|
|
|
|
|
/* OSCAR */
|
|
.oscar .tp-imghover-overlay { padding:0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
|
|
.oscar .tp-imghover-title { color:#333; position:relative; font-size:30px;line-height:35px;font-weight:500; margin-top:15%; width:80%;left:10%;display:block; text-align: center;}
|
|
.oscar .tp-imghover-subtitle { color:#333; font-size:13px;line-height:18px;font-weight:600; display:block; width:80%;left:10%;text-align: center; position: relative; border:2px solid #333; padding:20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
.oscar strong { font-weight: 900;}
|
|
|
|
.oscar.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px;margin-top:15%;}
|
|
.oscar.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px; padding:10px;}
|
|
|
|
.oscar.smallimage .tp-imghover-title { font-size:16px; line-height: 16px;margin-top:10%;}
|
|
.oscar.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px; padding:5px;}
|
|
|
|
|
|
/* RUSTY */
|
|
.rusty .tp-imghover-overlay { padding:0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
|
|
.rusty .tp-imghover-title { color:#333; position:absolute; font-size:30px;line-height:35px;font-weight:300; right:20px;bottom:20px;display:block; text-align: right; background:rgba(255,255,255,0.95);padding:0 5px;}
|
|
.rusty .tp-imghover-subtitle { color:#333; font-size:13px;line-height:18px;font-weight:600; display:block; width:30%;left:20px;top:20px;text-align: right; position: absolute; border-right:2px solid #333; padding:10px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
.rusty strong { font-weight: 900;}
|
|
|
|
.rusty.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px;}
|
|
.rusty.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px;width:40%;}
|
|
|
|
.rusty.smallimage .tp-imghover-title { font-size:16px; line-height: 16px;}
|
|
.rusty.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px; width:50%}
|
|
|
|
|
|
/* Gizmo */
|
|
.gizmo .tp-imghover-overlay { padding:0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
|
|
.gizmo .tp-imghover-title { color:#fff; position:relative; font-size:30px;line-height:35px;font-weight:300; margin-top:20px;margin-left:20px;display:block; text-align: left; }
|
|
.gizmo .tp-imghover-topline { margin-top:10px;width:90%;margin-left:20px;height:2px; background:#fff;}
|
|
.gizmo .tp-imghover-subtitle { color:#fff; font-size:13px;line-height:18px;font-weight:600; display:block; margin-top:10px;margin-left:20px; position:relative;}
|
|
.gizmo strong { font-weight: 900;}
|
|
|
|
.gizmo.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px;}
|
|
.gizmo.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px;width:80%;}
|
|
|
|
.gizmo.smallimage .tp-imghover-title { font-size:16px; line-height: 16px;}
|
|
.gizmo.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px; width:80%}
|
|
|
|
|
|
|
|
/******************************
|
|
- MODAL WINDOW BASICS -
|
|
********************************/
|
|
.md-modal { visibility:hidden; padding: 40px !important; }
|
|
.md-content-title { margin-bottom: 13px !important; }
|
|
|
|
|
|
|
|
|
|
/******************************
|
|
- FANCY SELECT -
|
|
********************************/
|
|
|
|
div.fancy-select select {
|
|
display: block;
|
|
}
|
|
|
|
div.fancy-select {
|
|
position: relative;
|
|
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
div.fancy-select.disabled {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
div.fancy-select select:focus + div.trigger.open {
|
|
box-shadow: none;
|
|
}
|
|
|
|
div.fancy-select div.trigger {
|
|
border-radius: 0px;
|
|
cursor: pointer;
|
|
padding: 10px 15px 9px 15px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
position: relative;
|
|
width: 200px;
|
|
transition: all 240ms ease-out;
|
|
-webkit-transition: all 240ms ease-out;
|
|
-moz-transition: all 240ms ease-out;
|
|
-ms-transition: all 240ms ease-out;
|
|
-o-transition: all 240ms ease-out;
|
|
}
|
|
|
|
div.fancy-select div.trigger:after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border: 5px solid transparent;
|
|
top: 20px;
|
|
right: 15px;
|
|
-webkit-transition: all 240ms ease-out;
|
|
-moz-transition: all 240ms ease-out;
|
|
-ms-transition: all 240ms ease-out;
|
|
-o-transition: all 240ms ease-out;
|
|
}
|
|
|
|
div.fancy-select ul.options {
|
|
list-style: none;
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 40px;
|
|
left: 0;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
z-index: 50;
|
|
max-height: 300px;
|
|
overflow: auto;
|
|
border-radius: 0px;
|
|
min-width: 200px;
|
|
max-width: 100%;
|
|
padding-left: 0;
|
|
transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
|
|
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
|
|
-moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
|
|
-ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
|
|
-o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
|
|
}
|
|
|
|
div.fancy-select ul.options.open {
|
|
visibility: visible;
|
|
top: 50px;
|
|
opacity: 1;
|
|
transition: opacity 300ms ease-out, top 300ms ease-out;
|
|
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
|
|
-moz-transition: opacity 300ms ease-out, top 300ms ease-out;
|
|
-ms-transition: opacity 300ms ease-out, top 300ms ease-out;
|
|
-o-transition: opacity 300ms ease-out, top 300ms ease-out;
|
|
}
|
|
|
|
div.fancy-select ul.options.overflowing {
|
|
top: auto;
|
|
bottom: 40px;
|
|
transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
|
|
-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
|
|
-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
|
|
-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
|
|
-o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
|
|
}
|
|
|
|
div.fancy-select ul.options.overflowing.open {
|
|
top: auto;
|
|
bottom: 50px;
|
|
transition: opacity 300ms ease-out, bottom 300ms ease-out;
|
|
-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
|
|
-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
|
|
-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
|
|
-o-transition: opacity 300ms ease-out, bottom 300ms ease-out;
|
|
}
|
|
|
|
div.fancy-select ul.options li {
|
|
padding: 0px 20px 0px 20px;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
transition: all 150ms ease-out;
|
|
-webkit-transition: all 150ms ease-out;
|
|
-moz-transition: all 150ms ease-out;
|
|
-ms-transition: all 150ms ease-out;
|
|
-o-transition: all 150ms ease-out;
|
|
}
|
|
div.fancy-select ul.options li:first-child {
|
|
padding-top: 20px;
|
|
}
|
|
div.fancy-select ul.options li:last-child {
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
/* FANCY SELECT FOOTER COLORS */
|
|
|
|
div.fancy-select {
|
|
color: #bbb;
|
|
}
|
|
|
|
div.fancy-select div.trigger {
|
|
background: rgba(17,17,17,0.15);
|
|
color: #bbb;
|
|
}
|
|
|
|
div.fancy-select div.trigger:hover{
|
|
color: #fff;
|
|
}
|
|
|
|
div.fancy-select div.trigger:hover:after {
|
|
border-top-color: #fff;
|
|
}
|
|
|
|
div.fancy-select div.trigger:after {
|
|
border: 5px solid transparent;
|
|
border-top-color: #bbb;
|
|
}
|
|
div.fancy-select div.trigger.open {
|
|
background: rgba(17,17,17,0.85);
|
|
color: #fff;}
|
|
|
|
div.fancy-select div.trigger.open:after {
|
|
border-top-color: #fff;
|
|
}
|
|
div.fancy-select ul.options {
|
|
background: rgba(17,17,17,0.85);
|
|
}
|
|
|
|
div.fancy-select ul.options li {
|
|
color: rgba(255,255,255,0.5); }
|
|
|
|
div.fancy-select ul.options li.selected {
|
|
color: #fff;
|
|
}
|
|
|
|
div.fancy-select ul.options li.hover {
|
|
color: #fff;
|
|
}
|
|
|
|
/* FANCY SELECT SIDEBAR COLORS */
|
|
|
|
.sidebar_widget div.fancy-select {
|
|
color: #333;
|
|
}
|
|
|
|
.sidebar_widget div.fancy-select div.trigger {
|
|
background: #eee;
|
|
color: #555;
|
|
}
|
|
|
|
.sidebar_widget div.fancy-select div.trigger:hover{
|
|
color: #333;
|
|
}
|
|
|
|
.sidebar_widget div.fancy-select div.trigger:hover:after {
|
|
border-top-color: #333;
|
|
}
|
|
|
|
.sidebar_widget div.fancy-select div.trigger:after {
|
|
border: 5px solid transparent;
|
|
border-top-color: #999;
|
|
}
|
|
.sidebar_widget div.fancy-select div.trigger.open {
|
|
background: #eee;
|
|
color: #333;}
|
|
|
|
.sidebar_widget div.fancy-select div.trigger.open:after {
|
|
border-top-color: #333;
|
|
}
|
|
.sidebar_widget div.fancy-select ul.options {
|
|
background: #eee;
|
|
}
|
|
|
|
.sidebar_widget div.fancy-select ul.options li {
|
|
color: #999; }
|
|
|
|
.sidebar_widget div.fancy-select ul.options li.selected {
|
|
color: #333;
|
|
}
|
|
|
|
.sidebar_widget div.fancy-select ul.options li.hover {
|
|
color: #333;
|
|
}
|
|
|
|
|
|
|
|
|
|
/***********************************
|
|
- SHOWBIZ RELATED POSTS -
|
|
***********************************/
|
|
|
|
|
|
|
|
#showbiz_moreportfolio_1 { background:rgba(0,0,0,0.15);}
|
|
#showbiz_moreportfolio_1 ul { background:rgba(0,0,0,0.15);}
|
|
#showbiz_moreportfolio_1 ul li { margin-right:0px;}
|
|
|
|
|
|
|
|
#showbiz_moreportfolio_1 .darkhover { position:absolute; top:0px; left:0px; width:100%;height:100%;
|
|
background:rgba(0,0,0,0);
|
|
-webkit-transition: all 0.4s ease-out;
|
|
-moz-transition: all 0.4s ease-out;
|
|
-o-transition: all 0.4s ease-out;
|
|
-ms-transition: all 0.4s ease-out;
|
|
}
|
|
|
|
#showbiz_moreportfolio_1 .detailholder { position: absolute;
|
|
background:#000; background:rgba(37,37,37,1);
|
|
padding: 20px;
|
|
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
|
|
overflow: hidden;
|
|
width:100%;
|
|
-webkit-transition: all 0.1s ease-out;
|
|
-moz-transition: all 0.1s ease-out;
|
|
-o-transition: all 0.1s ease-out;
|
|
-ms-transition: all 0.1s ease-out;
|
|
-webkit-transform: translateZ(0px)
|
|
bottom: 0;
|
|
opacity: 0;
|
|
}
|
|
#showbiz_moreportfolio_1 .clickicon {
|
|
|
|
float: right;
|
|
font-size: 20px;
|
|
color: #fff !important;
|
|
}
|
|
|
|
#showbiz_moreportfolio_1 .showbiz-title,
|
|
#showbiz_moreportfolio_1 a.showbiz-title,
|
|
#showbiz_moreportfolio_1 a.showbiz-title:visited { font-family: 'Roboto', sans-serif; font-size:13px; line-height:20px; color:#fff; font-weight:600; }
|
|
#showbiz_moreportfolio_1 .showbiz-title {
|
|
|
|
}
|
|
|
|
#showbiz_moreportfolio_1 .excerpt { font-size:13px; line-height:22px; color:#999; font-weight:400;
|
|
overflow: hidden; position: relative;
|
|
display:none; font-family: 'Roboto', sans-serif;
|
|
}
|
|
|
|
.sb-post-details, .sb-post-details span,
|
|
.sb-post-details a, .sb-post-details a:visited { font-size:12px; line-height:22px;
|
|
color:#999; font-weight:400;
|
|
font-family: 'Roboto', sans-serif;}
|
|
|
|
.sb-readmore, .sb-readmore span,
|
|
.sb-readmore a, .sb-readmore a:visited { font-size:12px; line-height:22px;
|
|
color:#fff; font-family: 'Roboto', sans-serif;
|
|
font-weight:500; text-decoration: none;}
|
|
|
|
#showbiz_moreportfolio_1 .sb-readmore { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
|
filter: alpha(opacity=0);
|
|
-moz-opacity: 0.0;
|
|
-khtml-opacity: 0.0;
|
|
opacity: 0.0;
|
|
-webkit-transition: all 0.1s ease-out;
|
|
-moz-transition: all 0.1s ease-out;
|
|
-o-transition: all 0.1s ease-out;
|
|
-ms-transition: all 0.1s ease-out;
|
|
}
|
|
|
|
|
|
#showbiz_moreportfolio_1 ul li:hover .detailholder { opacity: 1; background:#000; background:rgba(37,37,37,1); bottom: 0px; }
|
|
#showbiz_moreportfolio_1 ul li:hover .darkhover { background:rgba(37,37,37,0.65);}
|
|
#showbiz_moreportfolio_1 ul li:hover .showbiz-title { }
|
|
#showbiz_moreportfolio_1 ul li:hover .clickicon { opacity: 0.35; }
|
|
|
|
#showbiz_moreportfolio_1 ul li a.clickicon:hover { opacity: 1; }
|
|
|
|
#showbiz_moreportfolio_1 ul li:hover .sb-readmore { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
filter: alpha(opacity=100);
|
|
-moz-opacity: 1;
|
|
-khtml-opacity: 1;
|
|
opacity: 1;
|
|
}
|
|
|
|
#showbiz_moreportfolio_1 .mediaholder {
|
|
overflow: hidden;
|
|
position: relative;
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/******************************
|
|
- MIAMI DARK ON LIGHT -
|
|
********************************/
|
|
|
|
.esg-grid, .esg-selected-filterbutton { font-family: 'Roboto', sans-serif !important; }
|
|
|
|
.miami-dark-on-light .navigationbuttons,
|
|
.miami-dark-on-light .esg-pagination,
|
|
.miami-dark-on-light .esg-filters { text-align: center; }
|
|
|
|
.miami-dark-on-light .esg-filterbutton,
|
|
.miami-dark-on-light .esg-navigationbutton,
|
|
.miami-dark-on-light .esg-sortbutton,
|
|
.miami-dark-on-light .esg-cartbutton a{
|
|
color:#555;
|
|
margin-right:2px;
|
|
cursor:pointer;
|
|
padding:4px 15px;
|
|
line-height:24px;
|
|
font-size:13px;
|
|
font-weight:600;
|
|
display: inline-block;
|
|
background:transparent;
|
|
margin-bottom:2px;
|
|
border: 2px solid #eee;
|
|
}
|
|
|
|
.miami-dark-on-light .esg-navigationbutton * { color:#555; }
|
|
.miami-dark-on-light .esg-navigationbutton { padding:4px 15px; }
|
|
.miami-dark-on-light .esg-pagination-button:last-child { margin-right: 0; }
|
|
.miami-dark-on-light .esg-left, .miami-dark-on-light .esg-right { padding:5px 10px 4px 10px; }
|
|
|
|
.miami-dark-on-light .esg-sortbutton-wrapper,
|
|
.miami-dark-on-light .esg-cartbutton-wrapper { display:inline-block; }
|
|
.miami-dark-on-light .esg-sortbutton-order,
|
|
.miami-dark-on-light .esg-cartbutton-order { display:inline-block;
|
|
vertical-align:top;
|
|
line-height:24px;
|
|
padding:4px 8px;
|
|
font-size:12px;
|
|
font-weight:600;
|
|
color:#999;
|
|
cursor: pointer;
|
|
border: 2px solid #eee;
|
|
}
|
|
|
|
.miami-dark-on-light .esg-cartbutton {
|
|
color:#333;
|
|
cursor: default !important;
|
|
}
|
|
.miami-dark-on-light .esg-cartbutton .esgicon-basket {color:#333;
|
|
font-size:15px;
|
|
line-height:15px;
|
|
margin-right:10px;
|
|
}
|
|
.miami-dark-on-light .esg-cartbutton-wrapper { cursor: default !important; }
|
|
|
|
.miami-dark-on-light .esg-sortbutton,
|
|
.miami-dark-on-light .esg-cartbutton { display:inline-block;
|
|
position:relative;
|
|
cursor: pointer;
|
|
margin-right:0px;
|
|
border-right:none;
|
|
}
|
|
|
|
.miami-dark-on-light .esg-navigationbutton:hover,
|
|
.miami-dark-on-light .esg-filterbutton:hover,
|
|
.miami-dark-on-light .esg-sortbutton:hover,
|
|
.miami-dark-on-light .esg-sortbutton-order:hover,
|
|
.miami-dark-on-light .esg-cartbutton a:hover,
|
|
.miami-dark-on-light .esg-filterbutton.selected {
|
|
background-color:#eee;
|
|
color:#555;
|
|
}
|
|
|
|
|
|
.miami-dark-on-light .esg-sortbutton-order.tp-desc:hover {color:#555;}
|
|
|
|
.miami-dark-on-light .esg-filter-checked {
|
|
padding: 2px;
|
|
background:#e5e5e5;
|
|
margin-left:7px;
|
|
font-size:9px;
|
|
font-weight:300;
|
|
line-height:9px;
|
|
vertical-align: middle;
|
|
}
|
|
.miami-dark-on-light .esg-filterbutton.selected .esg-filter-checked,
|
|
.miami-dark-on-light .esg-filterbutton:hover .esg-filter-checked {
|
|
padding: 2px;
|
|
color:#fff;
|
|
background:#999;
|
|
margin-left:7px;
|
|
font-size:9px;
|
|
font-weight:300;
|
|
line-height:9px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
|
|
/* MIAMI DARK ON LIGHT DROP DOWN 1.1.0 */
|
|
.miami-dark-on-light .esg-filterbutton { color:#555;}
|
|
|
|
.miami-dark-on-light .esg-selected-filterbutton { background: #fff; padding:10px 20px 10px 30px; color:#555; font-weight:600;}
|
|
|
|
.miami-dark-on-light .esg-selected-filterbutton .eg-icon-down-open { margin-left:5px;font-size:12px; line-height: 20px; vertical-align: top; color:#999; color:rgba(51,51,51,0.54)}
|
|
|
|
.miami-dark-on-light .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton {
|
|
line-height:24px;
|
|
padding:4px 15px;
|
|
font-size:13px;
|
|
font-weight:600;
|
|
color:#555;
|
|
cursor: pointer;
|
|
border: 2px solid #eee;
|
|
height: auto; }
|
|
.miami-dark-on-light .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton:hover { background: #eee;}
|
|
.miami-dark-on-light .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton i { margin-top: 2px; margin-left: 0; text-align: right; }
|
|
.miami-dark-on-light .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton { margin-bottom: 0; }
|
|
|
|
.miami-dark-on-light .esg-filter-wrapper .esg-filterbutton span i { color: #fff !important; }
|
|
.miami-dark-on-light .esg-filter-wrapper .esg-filterbutton:hover span,
|
|
.miami-dark-on-light .esg-filter-wrapper .esg-filterbutton.selected span { color: #555 !important; }
|
|
.miami-dark-on-light .esg-filter-wrapper .esg-filterbutton:hover span i,
|
|
.miami-dark-on-light .esg-filter-wrapper .esg-filterbutton.selected span i { color: #fff !important; }
|
|
|
|
.miami-dark-on-light .esg-selected-filterbutton:hover .eg-icon-down-open,
|
|
.miami-dark-on-light .esg-selected-filterbutton.hoveredfilter .eg-icon-down-open { color:#555 !important; }
|
|
.miami-dark-on-light .esg-cartbutton:hover,
|
|
.miami-dark-on-light .esg-selected-filterbutton:hover,
|
|
.miami-dark-on-light .esg-selected-filterbutton.hoveredfilter { color: #555; }
|
|
|
|
.miami-dark-on-light .esg-dropdown-wrapper { background:#fff; border: 2px solid #eee; border-top: 0; padding: 15px 11px 15px 11px; }
|
|
.miami-dark-on-light .esg-dropdown-wrapper .esg-filterbutton { border:none !important;line-height: 25px; white-space: nowrap; padding:0px 10px; font-weight:600; text-align: left; color:#999; color:rgba(51,51,51,0.54);
|
|
|
|
|
|
}
|
|
.miami-dark-on-light .esg-dropdown-wrapper .esg-filterbutton:hover,
|
|
.miami-dark-on-light .esg-dropdown-wrapper .esg-filterbutton.selected { background:transparent !important; color:#555 !important; box-shadow: none !important}
|
|
.miami-dark-on-light .esg-dropdown-wrapper .esg-filter-checked { display:inline-block; margin-left:0px !important;margin-right:7px; margin-top:-2px !important; line-height: 15px !important;}
|
|
.miami-dark-on-light .esg-dropdown-wrapper .esg-filter-checked span { vertical-align: middle; line-height:20px;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/******************************
|
|
- MIAMI LIGHT ON DARK -
|
|
********************************/
|
|
|
|
.miami-light-on-dark .navigationbuttons,
|
|
.miami-light-on-dark .esg-pagination,
|
|
.miami-light-on-dark .esg-filters { text-align: center; }
|
|
|
|
.miami-light-on-dark .esg-filterbutton,
|
|
.miami-light-on-dark .esg-navigationbutton,
|
|
.miami-light-on-dark .esg-sortbutton,
|
|
.miami-light-on-dark .esg-cartbutton a{
|
|
color:#fff;
|
|
margin-right:2px;
|
|
cursor:pointer;
|
|
padding:4px 15px;
|
|
line-height:24px;
|
|
font-size:13px;
|
|
font-weight:600;
|
|
display: inline-block;
|
|
background:transparent;
|
|
margin-bottom:2px;
|
|
border: 2px solid rgba(255,255,255,0.1);
|
|
}
|
|
|
|
.miami-light-on-dark .esg-navigationbutton * { color:#555; }
|
|
.miami-light-on-dark .esg-navigationbutton { padding:4px 15px; }
|
|
.miami-light-on-dark .esg-pagination-button:last-child { margin-right: 0; }
|
|
.miami-light-on-dark .esg-left, .miami-light-on-dark .esg-right { padding:5px 10px 4px 10px; }
|
|
.miami-light-on-dark .esg-left i, .miami-light-on-dark .esg-right i { color: #fff; }
|
|
|
|
.miami-light-on-dark .esg-sortbutton-wrapper,
|
|
.miami-light-on-dark .esg-cartbutton-wrapper { display:inline-block; }
|
|
.miami-light-on-dark .esg-sortbutton-order,
|
|
.miami-light-on-dark .esg-cartbutton-order { display:inline-block;
|
|
vertical-align:top;
|
|
line-height:24px;
|
|
padding:4px 8px;
|
|
font-size:12px;
|
|
font-weight:600;
|
|
color:rgba(255,255,255,0.3);
|
|
cursor: pointer;
|
|
border: 2px solid rgba(255,255,255,0.1);
|
|
}
|
|
|
|
.miami-light-on-dark .esg-cartbutton {
|
|
color:#333;
|
|
cursor: default !important;
|
|
}
|
|
.miami-light-on-dark .esg-cartbutton .esgicon-basket {color:#333;
|
|
font-size:15px;
|
|
line-height:15px;
|
|
margin-right:10px;
|
|
}
|
|
.miami-light-on-dark .esg-cartbutton-wrapper { cursor: default !important; }
|
|
|
|
.miami-light-on-dark .esg-sortbutton,
|
|
.miami-light-on-dark .esg-cartbutton { display:inline-block;
|
|
position:relative;
|
|
cursor: pointer;
|
|
margin-right:0px;
|
|
border-right:none;
|
|
}
|
|
|
|
.miami-light-on-dark .esg-navigationbutton:hover,
|
|
.miami-light-on-dark .esg-filterbutton:hover,
|
|
.miami-light-on-dark .esg-sortbutton:hover,
|
|
.miami-light-on-dark .esg-sortbutton-order:hover,
|
|
.miami-light-on-dark .esg-cartbutton a:hover,
|
|
.miami-light-on-dark .esg-filterbutton.selected {
|
|
background-color:rgba(255,255,255,0.1);
|
|
border-color: transparent;
|
|
color:#fff;
|
|
}
|
|
|
|
|
|
.miami-light-on-dark .esg-sortbutton-order.tp-desc:hover {color:#fff;}
|
|
|
|
.miami-light-on-dark .esg-filter-checked {
|
|
padding: 2px;
|
|
background:#e5e5e5;
|
|
margin-left:7px;
|
|
font-size:9px;
|
|
font-weight:300;
|
|
line-height:9px;
|
|
vertical-align: middle;
|
|
}
|
|
.miami-light-on-dark .esg-filterbutton.selected .esg-filter-checked,
|
|
.miami-light-on-dark .esg-filterbutton:hover .esg-filter-checked {
|
|
padding: 2px;
|
|
color:#fff;
|
|
background:#999;
|
|
margin-left:7px;
|
|
font-size:9px;
|
|
font-weight:300;
|
|
line-height:9px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
|
|
/* MIAMI DARK ON LIGHT DROP DOWN 1.1.0 */
|
|
.miami-light-on-dark .esg-filterbutton { color:#fff;}
|
|
|
|
.miami-light-on-dark .esg-selected-filterbutton { background: transparent; padding:10px 20px 10px 30px; color:#555; font-weight:600;}
|
|
|
|
.miami-light-on-dark .esg-selected-filterbutton .eg-icon-down-open { margin-left:5px;font-size:12px; line-height: 20px; vertical-align: top; color:rgba(255,255,255,0.3);}
|
|
|
|
.miami-light-on-dark .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton {
|
|
line-height:24px;
|
|
padding:4px 15px;
|
|
font-size:13px;
|
|
font-weight:600;
|
|
color:rgba(255,255,255,0.65) !important;
|
|
cursor: pointer;
|
|
border: 2px solid rgba(255,255,255,0.1);
|
|
height: auto; }
|
|
.miami-light-on-dark .esg-filter-wrapper .esg-filterbutton span { color:rgba(255,255,255,0.65) !important; }
|
|
.miami-light-on-dark .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton:hover { color:#fff !important; background: rgba(255,255,255,0.1); border: 2px solid transparent;}
|
|
.miami-light-on-dark .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton i { margin-top: 2px; margin-left: 0; text-align: right; }
|
|
.miami-light-on-dark .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton { margin-bottom: 0; }
|
|
|
|
.miami-light-on-dark .esg-filter-wrapper .esg-filterbutton span i { color: #fff !important; }
|
|
.miami-light-on-dark .esg-filter-wrapper .esg-filterbutton:hover span,
|
|
.miami-light-on-dark .esg-filter-wrapper .esg-filterbutton.selected span { color: #fff !important; }
|
|
.miami-light-on-dark .esg-filter-wrapper .esg-filterbutton:hover span i,
|
|
.miami-light-on-dark .esg-filter-wrapper .esg-filterbutton.selected span i { color: #fff !important; }
|
|
|
|
.miami-light-on-dark .esg-selected-filterbutton:hover .eg-icon-down-open,
|
|
.miami-light-on-dark .esg-selected-filterbutton.hoveredfilter .eg-icon-down-open { color:#fff !important; }
|
|
.miami-light-on-dark .esg-cartbutton:hover,
|
|
.miami-light-on-dark .esg-selected-filterbutton:hover,
|
|
.miami-light-on-dark .esg-selected-filterbutton.hoveredfilter { color: #fff; }
|
|
|
|
.miami-light-on-dark .esg-dropdown-wrapper { background:#252525; border: 0; padding: 15px 11px 15px 11px; }
|
|
.miami-light-on-dark .esg-dropdown-wrapper .esg-filterbutton { border:none !important;line-height: 25px; white-space: nowrap; padding:0px 10px; font-weight:600; text-align: left; color:rgba(255,255,255,0.65);
|
|
|
|
}
|
|
.miami-light-on-dark .esg-dropdown-wrapper .esg-filterbutton:hover,
|
|
.miami-light-on-dark .esg-dropdown-wrapper .esg-filterbutton.selected { background:transparent !important; color:#fff !important; box-shadow: none !important}
|
|
.miami-light-on-dark .esg-dropdown-wrapper .esg-filter-checked { display:inline-block; margin-left:0px !important;margin-right:7px; margin-top:-2px !important; line-height: 15px !important;}
|
|
.miami-light-on-dark .esg-dropdown-wrapper .esg-filter-checked span { vertical-align: middle; line-height:20px;}
|
|
|
|
|
|
/******************************
|
|
- GOOGLE MAP ADD ONS -
|
|
********************************/
|
|
.gmap { background: #fff !important;}
|
|
|
|
|
|
|
|
/***********************************
|
|
- PAGE BASED CSS SETTINGS -
|
|
************************************/
|
|
|
|
.modalbuttonwrapper button { margin-bottom:5px; margin-left: 1px; margin-right: 1px; }
|
|
.lightbuttonparent button.bordered { color:#fff ; border-color: #fff}
|
|
|
|
#tphomeproducts.tp-light-on-dark .esg-loadmore-wrapper { background: #000 !important; }
|
|
#tphomeproducts.tp-light-on-dark .esg-loadmore-wrapper .esg-loadmore { color: #fff !important; }
|
|
#tphomeproducts.tp-light-on-dark .esg-loadmore-wrapper:hover { background: #fff !important; }
|
|
#tphomeproducts.tp-light-on-dark .esg-loadmore-wrapper:hover .esg-loadmore { color: #000 !important; }
|
|
|
|
|
|
/***********************************
|
|
- ESSENTIAL GRID CSS SETTINGS -
|
|
************************************/
|
|
|
|
#menu-miami-menu .myportfolio-container,
|
|
#sidewidgetpanel .myportfolio-container { margin-top:0px !important }
|
|
|
|
|
|
|
|
/* MaxCDN logo */
|
|
a .maxcdn {
|
|
background: url('http://themepunch.com/miami/wp-content/uploads/2014/10/maxcdn-logo2.png');
|
|
background-size: 109px 25px;
|
|
background-repeat: no-repeat;
|
|
width: 109px;
|
|
height: 25px;
|
|
float: left;
|
|
}
|
|
a:hover .maxcdn {
|
|
background-image: url('http://themepunch.com/miami/wp-content/uploads/2014/10/maxcdn-logo3.png');
|
|
}
|
|
|
|
/* Special Homepage Color Hacks */
|
|
|
|
body.archive.tax-category_freebies .darkmainnav.fontdark #navigation>ul>li.current-menu-item#menu-item-4764>a:after,
|
|
body.archive.tax-category_freebies .darkmainnav.fontdark #navigation>ul>li.current-menu-ancestor#menu-item-4764>a:after,
|
|
body.page-id-5233 .darkmainnav.fontdark #navigation>ul>li.current-menu-item#menu-item-4764>a:after,
|
|
body.page-id-5233 .darkmainnav.fontdark #navigation>ul>li.current-menu-ancestor#menu-item-4764>a:after,
|
|
body.page-id-4451 .darkmainnav.fontdark #navigation>ul>li.current-menu-item#menu-item-4764>a:after,
|
|
body.page-id-4451 .darkmainnav.fontdark #navigation>ul>li.current-menu-ancestor#menu-item-4764>a:after { width: 0; }
|
|
|
|
body.archive.tax-category_freebies .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a:after,
|
|
body.archive.tax-category_freebies .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover:after,
|
|
body.page-id-5233 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a:after,
|
|
body.page-id-5233 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover:after,
|
|
body.page-id-4451 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a:after,
|
|
body.page-id-4451 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover:after { width: 100%; }
|
|
|
|
body.archive.tax-category_freebies .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a,
|
|
body.archive.tax-category_freebies .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover,
|
|
body.page-id-5233 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a,
|
|
body.page-id-5233 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover,
|
|
body.page-id-4451 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a,
|
|
body.page-id-4451 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover { color: #000; }
|
|
|
|
body.archive.tax-category_freebies .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a,
|
|
body.archive.tax-category_freebies .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:visited,
|
|
body.page-id-5233 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a,
|
|
body.page-id-5233 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:visited,
|
|
body.page-id-4451 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a,
|
|
body.page-id-4451 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:visited { color: rgba(0,0,0,0.5); }
|
|
|
|
body.archive.tax-category_freebies .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a,
|
|
body.archive.tax-category_freebies .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:visited,
|
|
body.page-id-5233 .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a,
|
|
body.page-id-5233 .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:visited,
|
|
body.page-id-4451 .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a,
|
|
body.page-id-4451 .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:visited { color: rgba(255,255,255,0.66); }
|
|
|
|
body.archive.tax-category_freebies .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a,
|
|
body.archive.tax-category_freebies .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover,
|
|
body.page-id-5233 .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a,
|
|
body.page-id-5233 .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover,
|
|
body.page-id-4451 .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a,
|
|
body.page-id-4451 .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover { color: #fff; }
|
|
|
|
code { max-width: 100%; white-space: normal; }
|
|
|
|
|
|
|
|
|
|
/***************************
|
|
- DOCU STYLE CHANGES -
|
|
****************************/
|
|
|
|
#menu-revslider-jquery-doc li a,
|
|
#menu-revslider-wp-doc li a { border-bottom:1px solid #dde0e1;}
|
|
#menu-revslider-jquery-doc li:last-child a,
|
|
#menu-revslider-wp-doc li:last-child a { border-bottom: none}
|
|
|
|
#menu-revslider-jquery-doc li,
|
|
#menu-revslider-jquery-doc li a,
|
|
#menu-revslider-wp-doc li,
|
|
#menu-revslider-wp-doc li a { position:relative; color:rgba(0,0,0,0.65); font-size:14px;}
|
|
#menu-revslider-jquery-doc >li,
|
|
#menu-revslider-wp-doc >li { font-size:16px !important; font-weight: 500; border-bottom:none !important;}
|
|
#menu-revslider-jquery-doc >li >a,
|
|
#menu-revslider-wp-doc >li >a { border-bottom:none; font-size:16px;}
|
|
#menu-revslider-jquery-doc li.docuwithsubmenu,
|
|
#menu-revslider-jquery-doc li.docuwithsubmenu >a,
|
|
#menu-revslider-wp-doc li.docuwithsubmenu,
|
|
#menu-revslider-wp-doc li.docuwithsubmenu >a { font-weight:500; color:#000;}
|
|
#menu-revslider-jquery-doc a,
|
|
#menu-revslider-wp-doc a { display:block;}
|
|
#menu-revslider-jquery-doc ul,
|
|
#menu-revslider-wp-doc ul { padding-left:15px; }
|
|
#menu-revslider-jquery-doc .menu-expander,
|
|
#menu-revslider-wp-doc .menu-expander { display:block; position:absolute; top:0px; right:0px; cursor: pointer;z-index:2; color:#8a8f95;}
|
|
|
|
.vc-parallax { overflow: inherit!important;} |