/* Theme Name: Strength by Sonny Author: Summit Author URI: http://summitdesign.biz */ /*============================================================================= TABLE OF CONTENTS: =============================================================================== 1.0 - Reset & mixins 2.0 - Wordpress Defaults 3.0 - Layout 4.0 - Navigation 5.0 - Elements 5.1 - Post 5.2 - Post Loop 5.2 - General Elements 5.2 - Comments 5.2 - Review 6.0 - Widgets 7.0 - Components 7.1 - Magnific Popup 7.2 - Superfish 7.3 - Simple Page Composer 7.4 - Shortcodes 7.5 - Retina 7.6 - Other ==============================================================================*/ /*============================================================================== 1.0 - Reset & mixins ==============================================================================*/ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } body { line-height: 1.6em; margin: 0; } textarea { max-width: 100%; border-radius: 0; -webkit-appearance: none; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } blockquote { font-size: 31px; font-weight: normal; letter-spacing: 1px; line-height: 1em; } cite { font-style: italic !important; } cite:before { content: '—'; opacity: 0.5; } h1, h2, h3, h4, h5, h6 { line-height: 1.25; } h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { font-style: inherit; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; } img { max-width: 100%; height: auto; } input[type=text], input[type=search], input[type=password], input[type=button], input[type=submit], button, .vw-button { padding: 5px 10px; line-height: 28px; box-sizing: border-box; border-radius: 0; -webkit-appearance: none; } input[type=button], input[type=submit], button, .vw-button { text-transform: uppercase; background-color: #666666; color: #FFFFFF !important; border: 0px solid; letter-spacing: 1px !important; font-size: 12px; line-height: 30px; margin-bottom: 5px; margin-right: 4px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .no-touch input[type=button]:hover, .no-touch input[type=submit]:hover, .no-touch button:hover, .no-touch .vw-button:hover { background-color: #808080; } input[type=text], input[type=search], input[type=password] { border: 1px solid; } /*============================================================================== 2.0 - Wordpress Defaults ==============================================================================*/ .alignnone { display: block; margin: 15px 15px 0 0; } .alignnone:before, .alignnone:after { content: " "; display: table; } .alignnone:after { clear: both; } .aligncenter, div.aligncenter { display: block; margin: 15px auto 15px auto; } .alignright { float: right; margin: 15px 0 0 15px; } .alignleft { float: left; margin: 15px 15px 0 0; } .aligncenter { display: block; margin: 15px auto 15px auto; } a img.alignright { float: right; margin: 15px 0 0 15px; } a img.alignnone { margin: 15px 15px 0 0; } a img.alignleft { float: left; margin: 15px 15px 0 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #000000; color: #FFFFFF; max-width: 100%; } .wp-caption.alignnone { margin: 2em 0; } .wp-caption.aligncenter { margin-top: 2em; margin-bottom: 2em; } .wp-caption.aligncenter:before, .wp-caption.aligncenter:after { content: " "; display: table; } .wp-caption.aligncenter:after { clear: both; } .wp-caption.alignleft { margin: 15px 2em 2em 0; } .wp-caption.alignright { margin: 15px 0 2em 2em; } .wp-caption img { border: 0 none; height: auto; margin: 0; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 13px; font-style: italic; line-height: 1.2em; margin: 8px 0 8px 10px; padding: 0px 10px 0px 10px; border-left: 3px solid; } .wp-post-image { height: auto; max-width: 100%; margin-bottom: 15px; } .bypostauthor { background-color: transparent; } /* ----------------------------------------------------------------------------- * Wordpress Tiled Gallery Default Style * -------------------------------------------------------------------------- */ .gallery img { border: 1px solid #DDDDDD !important; padding: 3px; } .gallery .gallery-caption { margin-top: 0.5em; font-style: italic; } /*============================================================================== 3.0 - Layout ==============================================================================*/ /* ----------------------------------------------------------------------------- * Logo * -------------------------------------------------------------------------- */ .vw-logo-wrapper { width: 100%; } .vw-logo-link { display: inline-block; } .vw-logo-link:hover { text-decoration: none; } .vw-logo-2x { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .vw-site-logo-2x { display: inline; } .vw-site-logo-2x + .vw-site-logo { display: none; } } .vw-site-title { margin-top: 0; margin-bottom: 0; color: #FFFFFF; } .vw-site-tagline { font-size: 12px; letter-spacing: 3px; line-height: 1.2em; margin-top: 10px; margin-bottom: 0; color: #FFFFFF; opacity: 0.7; } @media (max-width: 991px) { .vw-site-tagline { display: none; } } /* ----------------------------------------------------------------------------- * Site * -------------------------------------------------------------------------- */ .vw-site-header.vw-site-header-style-centered-logo .vw-site-header-inner, .vw-site-header.vw-site-header-style-left-logo .vw-site-header-inner { padding: 45px 0; } .vw-site-header.vw-site-header-style-left-logo .vw-logo-wrapper, .vw-site-header.vw-site-header-style-left-logo .vw-header-ads-wrapper { display: table-cell; vertical-align: middle; } .vw-site-header.vw-site-header-style-left-logo .vw-header-ads-wrapper { width: 100%; text-align: right; } @media (min-width: 992px) { .vw-site-header.vw-site-header-style-left-logo .vw-header-ads-wrapper { padding-left: 15px; } .vw-site-header.vw-site-header-style-left-logo .vw-header-ads-leader-board, .vw-site-header.vw-site-header-style-left-logo .vw-header-ads-banner { float: right; } } @media (max-width: 991px) { .vw-site-header.vw-site-header-style-left-logo .vw-header-ads-wrapper { display: block; text-align: center; } .vw-site-header.vw-site-header-style-left-logo .vw-mobile-nav-button-wrapper { width: 100%; } } .vw-site-header.vw-site-header-style-centered-logo .vw-site-header-inner { text-align: center; } @media (max-width: 991px) { .vw-site-header.vw-site-header-style-centered-logo .vw-logo-wrapper { display: table-cell; vertical-align: middle; } .vw-site-header.vw-site-header-style-centered-logo .vw-mobile-nav-button-wrapper { width: 100%; } } .vw-site-header.vw-site-header-style-centered-logo .vw-menu-additional-logo { position: absolute; left: 0; top: 0; } .vw-site-header.vw-site-header-style-centered-logo .vw-header-ads-wrapper { margin-top: 2em; } .vw-top-bar-left, .vw-bottom-bar-left { float: left; } .vw-top-bar-right, .vw-bottom-bar-right { text-align: right; } @media (max-width: 767px) { .vw-top-bar-left, .vw-top-bar-right, .vw-bottom-bar-left, .vw-bottom-bar-right { text-align: center; float: none; } } @media (min-width: 768px) { body.vw-site-layout-boxed .vw-site-wrapper { margin: 30px auto; } body.vw-site-layout-boxed .vw-site-wrapper, body.vw-site-layout-boxed .container { max-width: 750px; } } @media (min-width: 992px) { body.vw-site-layout-boxed .vw-site-wrapper, body.vw-site-layout-boxed .container { max-width: 1000px; } } @media (min-width: 1200px) { body.vw-site-layout-boxed .vw-site-wrapper, body.vw-site-layout-boxed .container { max-width: 1200px; } } /* ----------------------------------------------------------------------------- * Header Ads * -------------------------------------------------------------------------- */ @media (max-width: 991px) { .vw-header-ads-wrapper { margin-top: 2em; } } .vw-header-ads-leader-board, .vw-header-ads-banner { max-width: 100%; margin: auto; } .vw-header-ads-leader-board { width: 728px; height: 90px; } .vw-header-ads-banner { width: 468px; height: 60px; } .vw-single-header-ads { display: inline-block !important; } @media (max-width: 991px) { .vw-single-header-ads { width: 468px; height: 60px; } } @media (max-width: 479px) { .vw-single-header-ads { width: 234px; height: 60px; } } /* ----------------------------------------------------------------------------- * Page layout * -------------------------------------------------------------------------- */ .vw-sidebar-position-right .vw-page-content, .vw-sidebar-position-left .vw-page-content { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .vw-sidebar-position-right .vw-page-content, .vw-sidebar-position-left .vw-page-content { float: left; width: 66.6666666667%; } } .vw-sidebar-position-right .vw-page-sidebar, .vw-sidebar-position-left .vw-page-sidebar { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .vw-sidebar-position-right .vw-page-sidebar, .vw-sidebar-position-left .vw-page-sidebar { float: left; width: 33.3333333333%; } } @media (min-width: 768px) { .vw-sidebar-position-left .vw-page-content { left: 33.3333333333%; } } @media (min-width: 768px) { .vw-sidebar-position-left .vw-page-sidebar-left { right: 66.6666666667%; } } .vw-sidebar-position-mini-content-right .vw-page-sidebar-right { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .vw-sidebar-position-mini-content-right .vw-page-sidebar-right { float: left; width: 33.3333333333%; } } .vw-sidebar-position-mini-content-right .vw-page-content { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .vw-sidebar-position-mini-content-right .vw-page-content { float: left; width: 66.6666666667%; } } @media (min-width: 1200px) { .vw-sidebar-position-mini-content-right .vw-page-content { float: left; width: 50%; } } @media (min-width: 1200px) { .vw-sidebar-position-mini-content-right .vw-page-content { left: 16.6666666667%; } } .vw-sidebar-position-mini-content-right .vw-page-sidebar-left { display: none; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 1200px) { .vw-sidebar-position-mini-content-right .vw-page-sidebar-left { float: left; width: 16.6666666667%; } } @media (min-width: 1200px) { .vw-sidebar-position-mini-content-right .vw-page-sidebar-left { right: 50%; } } @media (min-width: 1200px) { .vw-sidebar-position-mini-content-right .vw-page-sidebar-left { display: block; } } .vw-sidebar-position-left-content-mini .vw-page-sidebar-left { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .vw-sidebar-position-left-content-mini .vw-page-sidebar-left { float: left; width: 33.3333333333%; } } @media (min-width: 768px) { .vw-sidebar-position-left-content-mini .vw-page-sidebar-left { right: 66.6666666667%; } } @media (min-width: 1200px) { .vw-sidebar-position-left-content-mini .vw-page-sidebar-left { right: 50%; } } .vw-sidebar-position-left-content-mini .vw-page-content { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .vw-sidebar-position-left-content-mini .vw-page-content { float: left; width: 66.6666666667%; } } @media (min-width: 768px) { .vw-sidebar-position-left-content-mini .vw-page-content { left: 33.3333333333%; } } @media (min-width: 1200px) { .vw-sidebar-position-left-content-mini .vw-page-content { float: left; width: 50%; } } .vw-sidebar-position-left-content-mini .vw-page-sidebar-right { display: none; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 1200px) { .vw-sidebar-position-left-content-mini .vw-page-sidebar-right { float: left; width: 16.6666666667%; } } @media (min-width: 1200px) { .vw-sidebar-position-left-content-mini .vw-page-sidebar-right { display: block; } } .vw-sidebar-position-content-mini-right .vw-page-content { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .vw-sidebar-position-content-mini-right .vw-page-content { float: left; width: 66.6666666667%; } } @media (min-width: 1200px) { .vw-sidebar-position-content-mini-right .vw-page-content { float: left; width: 50%; } } .vw-sidebar-position-content-mini-right .vw-page-sidebar-left { display: none; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 1200px) { .vw-sidebar-position-content-mini-right .vw-page-sidebar-left { float: left; width: 16.6666666667%; } } @media (min-width: 1200px) { .vw-sidebar-position-content-mini-right .vw-page-sidebar-left { display: block; } } .vw-sidebar-position-content-mini-right .vw-page-sidebar-right { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .vw-sidebar-position-content-mini-right .vw-page-sidebar-right { float: left; width: 33.3333333333%; } } @media (min-width: 1200px) { .vw-sidebar-position-content-mini-right .vw-page-sidebar-right { float: left; width: 33.3333333333%; } } .vw-sidebar-position-none .vw-page-content { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .vw-sidebar-position-none .vw-page-content { float: left; width: 100%; } } /* ----------------------------------------------------------------------------- * Page * -------------------------------------------------------------------------- */ .vw-page-wrapper { padding: 30px 0; } /* ----------------------------------------------------------------------------- * Footer * -------------------------------------------------------------------------- */ .vw-footer-sidebars { padding: 30px 0; } @media (max-width: 991px) { .vw-footer-sidebar + .vw-footer-sidebar { margin-top: 30px; } } .vw-bottom-bar-wrapper-inner { padding: 15px 0px; } /*============================================================================== 4.0 - Navigation ==============================================================================*/ /* ----------------------------------------------------------------------------- * Default Style for All Menu * -------------------------------------------------------------------------- */ .vw-menu { margin: 0; padding: 0; } .vw-menu li { list-style: none; } .vw-menu a { text-decoration: none; } .no-touch .vw-menu .main-menu-item, .no-touch .vw-menu .menu-link, .no-touch .vw-menu .sub-menu-item { -webkit-transition: background 0.2s ease-out, color 0.2s ease-out; -moz-transition: background 0.2s ease-out, color 0.2s ease-out; transition: background 0.2s ease-out, color 0.2s ease-out; } .vw-menu .menu-item-depth-0 { display: inline-block; } .vw-menu .menu-item-depth-0 > .sub-menu-wrapper { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .vw-menu .menu-link { display: block; padding: 10px; } .vw-menu .main-menu-link { z-index: 20000; } .vw-menu .sub-menu { padding: 0; width: 250px; position: relative; } .vw-menu .sub-menu-wrapper { -webkit-backface-visibility: hidden; text-align: left; } .vw-menu .sub-menu-link { position: relative; } .vw-menu .sub-menu-link.sf-with-ul:after { border-left-color: black !important; } /* ----------------------------------------------------------------------------- * Default Text Menu Style * -------------------------------------------------------------------------- */ .vw-menu-type-text .sub-menu.menu-depth-2 { left: 100%; top: 0; } .vw-menu-type-text .sub-menu { position: absolute; display: none; background-color: #EEEEEE; z-index: 100000; } .vw-menu-type-text .menu-item { position: relative; } /* ----------------------------------------------------------------------------- * Main menu style * -------------------------------------------------------------------------- */ .vw-menu-main-wrapper { border-top: 1px solid; } .vw-menu-location-main { position: relative; } .vw-menu-location-main .main-menu-link { text-transform: uppercase; font-weight: bold; font-size: 0.9em; position: relative; padding: 15px 10px; } .vw-menu-location-main .sub-menu-wrapper { position: absolute; display: none; background-color: #EEEEEE; z-index: 100000; } .vw-menu-location-main .main-menu-item .main-menu-link { color: inherit; } .vw-menu-location-main .menu-item-depth-1 .sub-menu-wrapper { left: 100%; top: 0; } @media (max-width: 991px) { .vw-menu-location-main { display: none; } } .vw-menu-location-main .vw-menu-additional-icons { display: inline-block; position: absolute; height: 100%; right: 0; top: 0; } .vw-menu-location-main .vw-menu-additional-logo { display: inline-block; float: left; opacity: 0; width: 0; overflow: hidden; } .vw-menu-location-main .vw-menu-additional-logo a { word-wrap: initial; } .vw-menu-location-main .vw-menu-additional-logo img { max-height: 36px; width: auto; } .is-sticky .vw-menu-location-main .vw-menu-additional-logo { opacity: 1; width: auto; } .is-sticky .vw-menu-location-main .vw-menu-additional-logo img { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .vw-site-header-style-centered-logo .vw-menu-location-main { text-align: center; } .vw-site-header-style-centered-logo .vw-menu-location-main .vw-menu-additional-icons { position: static; } .vw-mobile-nav-button { padding: 5px; display: inline-block; cursor: pointer; vertical-align: middle; } .vw-mobile-nav-button-wrapper { text-align: right; display: none; } @media (max-width: 991px) { .vw-mobile-nav-button-wrapper { display: table-cell; vertical-align: middle; } } .vw-mega-menu-type-category.menu-item-depth-0 > .sub-menu-wrapper { left: 0; right: 0; overflow: hidden; } .vw-mega-menu-type-category.menu-item-depth-0 > .sub-menu-wrapper > .sub-menu { padding-bottom: 500px; margin-bottom: -500px; width: 25%; float: left; } .vw-mega-menu-type-category.menu-item-depth-0 > .sub-menu-wrapper > .sub-menu + .sub-posts { width: 75%; float: left; } .vw-mega-menu-type-category.menu-item-depth-0 .sub-posts { padding: 15px 0; background-color: #111111; } .vw-mega-menu-type-category.menu-item-depth-0 .sub-posts .vw-post-box-title { color: #FFFFFF; } .vw-mega-menu-type-category.menu-item-depth-0 .sub-posts .vw-post-box { background-color: #0D0D0D; } .vw-mega-menu-type-category.menu-item-depth-0 .vw-post-box-inner { padding-left: 10px; padding-right: 10px; } .menu-item-depth-0.vw-mega-menu-type-links-4-cols { position: static; } .menu-item-depth-0.vw-mega-menu-type-links-4-cols > .sub-menu-wrapper { left: 0; right: 0; overflow: hidden; } .menu-item-depth-0.vw-mega-menu-type-links-4-cols .sub-menu.menu-depth-1 { width: auto; padding-left: 10px; padding-right: 10px; display: block; } .menu-item-depth-0.vw-mega-menu-type-links-4-cols .sub-menu.menu-depth-1:before, .menu-item-depth-0.vw-mega-menu-type-links-4-cols .sub-menu.menu-depth-1:after { content: " "; display: table; } .menu-item-depth-0.vw-mega-menu-type-links-4-cols .sub-menu.menu-depth-1:after { clear: both; } .menu-item-depth-0.vw-mega-menu-type-links-4-cols .sub-menu.menu-depth-1 > li { width: 25%; padding: 10px; display: block; float: left; vertical-align: top; } .menu-item-depth-0.vw-mega-menu-type-links-4-cols .sub-menu.menu-depth-1 .sub-menu-wrapper { display: block !important; position: static; opacity: 1 !important; } .menu-item-depth-0.vw-mega-menu-type-links-4-cols .sub-menu.menu-depth-2 { display: block; width: auto; } .menu-item-depth-0.vw-mega-menu-type-links-4-cols .menu-item-depth-1:hover { background: transparent; } .menu-item-depth-0.vw-mega-menu-type-links-4-cols .menu-item-depth-1 > .menu-link { font-weight: bold; border-bottom: 1px solid rgba(127, 127, 127, 0.5); margin-bottom: 5px; padding: 10px 5px; text-transform: uppercase; font-size: 0.85em; } .menu-item-depth-0.vw-mega-menu-type-links-4-cols .menu-item-depth-1 > .menu-link:after { display: none; } .menu-item-depth-0.vw-mega-menu-type-links-4-cols .menu-item-depth-2 .menu-link { padding-left: 25px; } .menu-item-depth-0.vw-mega-menu-type-links-4-cols .menu-item-depth-2 .menu-link:before { content: '\e80f'; font-family: "iconic"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.2em; opacity: 0.4; margin-left: -18px; margin-right: 10px; font-size: 10px; vertical-align: middle; } .menu-item-depth-0.vw-mega-menu-type-links-4-cols .menu-item-depth-2 + .menu-item-depth-2 .menu-link { border-top: 1px solid rgba(127, 127, 127, 0.2); } /* ----------------------------------------------------------------------------- * Top/Bottom menu style * -------------------------------------------------------------------------- */ .vw-menu-location-top, .vw-menu-location-bottom { font-size: 12px; text-transform: uppercase; } .vw-menu-location-bottom .main-menu-item .main-menu-link { -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* ----------------------------------------------------------------------------- * Mobile menu style * -------------------------------------------------------------------------- */ .vw-menu-mobile-wrapper { display: none; } /*============================================================================== 5.0 - Elements ==============================================================================*/ /*============================================================================== 5.1 - Post ==============================================================================*/ /* ----------------------------------------------------------------------------- * Single Post * -------------------------------------------------------------------------- */ .entry-title, .vw-post-content, .comment-text { -ms-word-wrap: break-word; word-wrap: break-word; } .entry-title { font-size: 40px; line-height: 1.1em; text-transform: uppercase; margin-top: 0; } article .vw-post-meta-large { margin-bottom: 30px; } .vw-post-content > :first-child, article.page > :first-child { margin-top: 0; } .vw-page-content > article, .vw-about-author-section, .vw-post-navigation, .vw-related-posts, .vw-post-comments { margin-bottom: 50px; } .vw-page-content > article + .vw-post-navigation { margin-top: -15px; margin-bottom: 40px; } .vw-related-posts-title, .vw-post-comments-title { font-size: 22px; text-transform: uppercase; padding-bottom: 10px; } /* ----------------------------------------------------------------------------- * Embeded Media * -------------------------------------------------------------------------- */ body.single .vw-embeded-media, body.single .vw-featured-image { margin-bottom: 30px; } body.single .vw-embeded-media > * { max-width: 100%; } body.single .vw-featured-image { position: relative; } body.single .vw-featured-image img { margin: 0; } /* ----------------------------------------------------------------------------- * Post Navigation * -------------------------------------------------------------------------- */ .vw-post-navigation { border-top: 4px solid; padding: 20px 0 0 0; text-transform: uppercase; } .vw-post-navigation .wp-post-image { margin: 0; } .vw-post-navigation-previous, .vw-post-navigation-next { width: 49%; float: left; padding: 10px 0; -webkit-transition: background-color 0.15s ease-out; -moz-transition: background-color 0.15s ease-out; transition: background-color 0.15s ease-out; } .vw-post-navigation-previous:hover, .vw-post-navigation-next:hover { text-decoration: none; } .vw-post-navigation-previous { margin-right: 1%; } .vw-post-navigation-previous .wp-post-image { float: left; margin-right: 15px; } .vw-post-navigation-previous .wp-post-image + .vw-post-navigation-content { margin-left: 75px; } .vw-post-navigation-previous .vw-post-navigation-content { margin-left: 15px; } .vw-post-navigation-next { margin-left: 1%; text-align: right; } .vw-post-navigation-next .wp-post-image { float: right; margin-left: 15px; } .vw-post-navigation-next .wp-post-image + .vw-post-navigation-content { margin-right: 75px; } .vw-post-navigation-next .vw-post-navigation-content { margin-right: 15px; } .vw-post-navigation-content { display: block; } .vw-post-navigation-title { margin: 0; font-size: 14px; } .vw-post-navigation-label { font-size: 10px; font-weight: bold; letter-spacing: 1px; } .vw-post-navigation-title-no-link { opacity: 0.3; } .vw-about-author-section { position: relative; } .vw-about-author-section .vw-author-avatar { float: left; margin-right: 25px; position: relative; padding-top: 10px; padding-bottom: 10px; } .vw-about-author-section .vw-author-avatar + .vw-about-author { margin-left: 175px; } @media (max-width: 767px) { .vw-about-author-section { padding: 10px; } .vw-about-author-section .vw-author-avatar { float: none; text-align: center; } .vw-about-author-section .vw-author-avatar + .vw-about-author { margin-left: 0; } } .vw-about-author-section .vw-about-author { padding-bottom: 15px; } .vw-about-author-section .vw-author-name { font-size: 1.4em; color: #FFFFFF; margin-top: 15px; margin-bottom: 15px; text-transform: uppercase; border-left: 3px solid; padding-left: 10px; } .vw-about-author-section .vw-author-bio { font-size: 0.95em; line-height: 1.5em; padding-right: 25px; margin-bottom: 20px; } /* ----------------------------------------------------------------------------- * Post Meta - Large * -------------------------------------------------------------------------- */ .vw-post-meta-large .vw-post-meta, .vw-post-meta-large .vw-post-meta-icons { display: table-cell; padding: 10px 15px; } @media (max-width: 767px) { .vw-post-meta-large .vw-post-meta, .vw-post-meta-large .vw-post-meta-icons { display: block; } } .vw-post-meta-large { display: table; width: 100%; background-color: #000000; } .vw-post-meta-large .vw-date-box { margin-right: 20px; float: none; display: inline-block; vertical-align: middle; padding: 0 20px 0 0; border-right: 3px solid #373737; } .vw-post-meta-large .vw-date-box > * { float: left; } .vw-post-meta-large .vw-date-box-date { margin-right: 5px; } .vw-post-meta-large .vw-date-box-month > span { display: block; text-align: left; } .vw-post-meta-large .vw-date-box-month > span:first-child { font-size: 18px; font-weight: normal; opacity: 1; margin-top: 4px; line-height: 1em; } .vw-post-meta-large .vw-author-avatar { display: inline-block; vertical-align: middle; border-radius: 50%; margin-right: 15px; overflow: hidden; } .vw-post-meta-large .avatar:hover { opacity: 0.5; } .vw-post-meta-large .author-name { font-size: 14px; text-transform: uppercase; } .vw-post-meta-large .vw-header-font { color: #FFFFFF; } .vw-post-meta-icons { font-size: 14px; text-align: right; } .vw-post-meta-icons .vw-icon { vertical-align: middle; font-size: 18px; color: #FFFFFF; margin-top: -5px; display: inline-block; } .vw-post-meta-icon { padding: 10px 10px 10px 5px; display: inline-block; margin-left: 7px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .vw-post-meta-icon:first-child { margin-left: 0; } .vw-post-meta-icon:hover { text-decoration: none; } /* Reduce the size of post meta large */ @media (max-width: 991px) { .vw-post-meta-large .vw-post-meta, .vw-post-meta-large .vw-post-meta-icons { display: block; } .vw-post-meta-icons { text-align: left; position: relative; margin-top: 15px; } .vw-post-meta-icons:before { display: block; content: ''; height: 4px; left: 15px; right: 15px; top: -10px; position: absolute; background-color: rgba(255, 255, 255, 0.15); } .vw-post-meta-large .vw-post-meta-icons { padding-top: 0; } } /* ----------------------------------------------------------------------------- * Post tags * -------------------------------------------------------------------------- */ .vw-tag-links { font-size: 12px; text-transform: uppercase; margin-top: 2em; } .vw-tag-links a { margin-left: 0.5em; margin-bottom: 3px; background-color: #000000; color: #DDDDDD; padding: 2px 8px; display: inline-block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .vw-tag-links a:hover { text-decoration: none; color: #FFFFFF; } .vw-tag-links-title { font-weight: bold; margin-right: 10px; } /* ----------------------------------------------------------------------------- * Post Likes * -------------------------------------------------------------------------- */ .vw-post-likes-count.vw-post-liked .vw-icon:before { content: '\e802'; /* icon-iconic-heart */ } .vw-post-likes-count.vw-post-liked:hover .vw-icon { color: #FFFFFF; } /* ----------------------------------------------------------------------------- * Page Links * -------------------------------------------------------------------------- */ .vw-page-links .vw-page-link { display: inline-block; padding: 0px 4px; min-width: 1.5em; text-align: center; font-weight: bold; color: #FFFFFF; background-color: #000000; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .vw-page-links-title { font-weight: bold; text-transform: uppercase; margin-right: 10px; } /* ----------------------------------------------------------------------------- * Page Navigation * -------------------------------------------------------------------------- */ .vw-page-navigation { margin-top: 45px; text-align: center; position: relative; } .vw-page-navigation-title { margin-right: 0.5em; display: none; } .vw-page-navigation-divider { position: absolute; height: 1px; width: 100%; top: 20px; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.1); } .vw-page-navigation-pagination { display: inline-block; padding: 4px 8px; position: relative; z-index: 100; } .vw-page-navigation-pagination .page-numbers { display: inline-block; padding: 6px 8px; text-decoration: none; color: inherit; font-weight: bold; color: #FFFFFF !important; background-color: #000000; min-width: 2.5em; text-align: center; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; margin-right: 3px; margin-bottom: 3px; } .vw-page-navigation-pagination .page-numbers.current, .vw-page-navigation-pagination .page-numbers:hover { color: white; } .vw-page-navigation-pagination .page-numbers:last-child { margin-right: 0; } /*============================================================================== 5.2 - Post Loop ==============================================================================*/ /* ----------------------------------------------------------------------------- * General style for post box * -------------------------------------------------------------------------- */ .vw-post-box { background-color: #EEEEEE; } .vw-post-box .vw-post-box-thumbnail { display: block; position: relative; overflow: hidden; } .no-touch .vw-post-box .vw-post-box-thumbnail:hover .wp-post-image { } .vw-post-box .wp-post-image { margin: 0; /*width: 100%; */ } .vw-post-box .vw-post-box-title { text-transform: uppercase; font-size: 18px; line-height: 1.2em; word-break: break-word; } .vw-post-box .vw-post-box-title a { color: inherit; } .vw-post-box .post-categories { padding-left: 0; } .vw-post-box .post-categories li { display: inline-block; } .vw-post-box .post-categories li + li:before { content: ', '; } .vw-post-box .vw-post-box-footer { padding: 10px 20px; background-color: #000000; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; position: relative; } .vw-post-box .vw-post-box-footer a, .vw-post-box .vw-post-box-footer span, .vw-post-box .vw-post-box-footer .vw-icon { color: #FFFFFF; } .vw-post-box .vw-icon { font-size: 16px; } .vw-post-box .vw-post-format-icon { position: absolute; top: 10px; right: 10px; background-color: rgba(0, 0, 0, 0.7); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; border-radius: 50%; color: white; } .vw-post-box .vw-post-format-icon i { display: inline-block; width: 40px; height: 40px; line-height: 37px; text-align: center; font-size: 18px; } .vw-post-box .vw-post-format-icon.vw-video-icon i { line-height: 39px; } .vw-post-box:hover .vw-post-format-icon { color: #FFFFFF; } .vw-post-box .vw-post-box-excerpt { word-break: break-word; } .vw-post-box .vw-icon, .vw-post-box .vw-post-view-number, .vw-post-box .vw-post-likes-number { color: #666666; } /* ----------------------------------------------------------------------------- * General style for Block(+Masonry), Classic * -------------------------------------------------------------------------- */ .vw-post-style-block .vw-post-box-title, .vw-post-style-classic .vw-post-box-title { position: relative; margin: 0; margin-bottom: 40px; margin-left: 60px; } .vw-post-style-block .vw-post-box-title a:hover, .vw-post-style-classic .vw-post-box-title a:hover { text-decoration: none; } .vw-post-style-block .vw-post-box-inner, .vw-post-style-classic .vw-post-box-inner { padding: 20px; } .vw-post-style-block .vw-post-box-excerpt, .vw-post-style-classic .vw-post-box-excerpt { opacity: 0.8; } .vw-post-style-block .avatar, .vw-post-style-classic .avatar { vertical-align: top; border-radius: 50%; margin-right: 5px; } /* ----------------------------------------------------------------------------- * Post style : Block * -------------------------------------------------------------------------- */ .vw-post-style-block .vw-post-box-title { margin-left: 70px; } .vw-post-style-block .vw-date-box { margin-bottom: 30px; } .vw-post-style-block .vw-post-box-divider { position: relative; } .vw-post-style-block .vw-post-box-divider:before { display: inline-block; content: ''; height: 3px; width: 100%; background-color: rgba(0, 0, 0, 0.15); position: absolute; left: 0; bottom: 15px; } .vw-post-style-block .vw-post-box-excerpt { margin-top: 15px; } .vw-post-style-block .vw-post-box-excerpt :first-child { margin-top: 0; } .vw-post-style-block .vw-post-comment-count { float: right; } @media (min-width: 768px) and (max-width: 991px) { .vw-post-style-block .vw-post-box-title { font-size: 16px; margin-left: 65px; } .vw-post-style-block .vw-date-box-date { font-size: 38px; } } .vw-post-style-block.vw-post-format-quote .vw-post-box-excerpt { opacity: 1; } .vw-post-style-block.vw-post-format-quote blockquote { margin-left: 0; margin-right: 0; } .vw-post-style-block.vw-post-format-quote blockquote > p > cite { display: block; margin-top: -20px; } .vw-post-style-block.vw-post-format-link .vw-post-box-excerpt { opacity: 1; } .vw-post-style-block.vw-post-format-link .vw-post-box-excerpt a { font-size: 31px; text-decoration: none; } .vw-post-style-block-no-excerpt .vw-date-box, .vw-post-style-block-no-excerpt .vw-post-box-title { margin-bottom: 0; } /* ----------------------------------------------------------------------------- * Post style : Box * -------------------------------------------------------------------------- */ .vw-post-style-box { -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .vw-post-style-box .vw-post-box-title { margin: 0; position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); display: block; padding: 15px 20px; font-size: 18px; line-height: 1.3em; color: #FFFFFF; /* When there is no thumbnail */ } .vw-post-style-box .vw-post-box-title:first-child { position: static; } .vw-post-style-box .vw-review-summary-bar + .vw-post-box-title { bottom: 10px; } .vw-post-style-box .vw-post-date { display: inline-block; } .vw-post-style-box .vw-post-box-footer { padding: 10px 20px; } .vw-post-style-box .vw-post-comment-count { float: right; } /* ----------------------------------------------------------------------------- * Post style : Classic * -------------------------------------------------------------------------- */ .vw-post-style-classic .vw-post-box-title, .vw-post-style-classic .vw-post-box-excerpt { margin-left: 80px; } .vw-post-style-classic .vw-post-box-title:after { display: inline-block; content: ''; height: 3px; width: 30px; background-color: rgba(0, 0, 0, 0.15); position: absolute; left: 0; bottom: -15px; } .vw-post-style-classic .vw-post-box-read-more { position: absolute; right: 0; top: 0; bottom: 0; line-height: 1em; padding: 15px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background-color: rgba(255, 255, 255, 0.15); } .vw-post-style-classic .vw-post-box-read-more .vw-icon { font-size: 14px; } @media (max-width: 991px) { .vw-post-style-classic .vw-post-box-read-more span { display: none; } .vw-post-style-classic .vw-post-box-read-more .vw-icon { font-size: 16px; } } .vw-post-style-classic .vw-post-comment-count { margin-left: 20px; } .vw-post-style-classic + .vw-post-style-classic { margin-top: 50px; } .vw-review-summary-bar { width: 100%; position: absolute; bottom: 0; left: 0; right: 0; display: table; font-size: 14px; height: 14px; line-height: 1em; font-weight: bold; background-color: black; z-index: 1000; } .vw-review-summary-bar .vw-review-score-bar, .vw-review-summary-bar .vw-review-score { display: table-cell; height: 1em; } .vw-review-summary-bar .vw-review-score-bar { background-color: #FFCC00; } .vw-review-summary-bar .vw-review-score { color: #FFCC00; padding: 0 5px; } .vw-review-summary-bar .vw-review-score span { font-size: 11px; margin-left: 2px; } /* ----------------------------------------------------------------------------- * Post style : Small left thumbnail * -------------------------------------------------------------------------- */ .vw-post-style-small-left-thumbnail.vw-post-box { background-color: transparent; } .vw-post-style-small-left-thumbnail .vw-post-box-thumbnail { display: inline-block; float: left; } .vw-post-style-small-left-thumbnail .vw-post-box-inner { margin-left: 80px; } .vw-post-style-small-left-thumbnail .vw-post-box-title { margin-top: 0; margin-bottom: 5px; font-size: 1.1em; } .vw-post-style-small-left-thumbnail .vw-post-meta-icon { padding-top: 0px; padding-bottom: 0px; margin-left: 0; } .vw-post-style-small-left-thumbnail .vw-icon { font-size: 14px; } .vw-post-style-small-left-thumbnail .vw-post-view-number, .vw-post-style-small-left-thumbnail .vw-post-likes-number { font-size: 12px; } /* ----------------------------------------------------------------------------- * Post style : Small comment * -------------------------------------------------------------------------- */ .vw-post-style-small-comment .vw-post-box-title { font-size: 12px; word-break: break-word; text-transform: none; margin-left: 0; margin-top: 0; color: #666666 !important; } .vw-post-style-small-comment .vw-comment-author-avatar, .vw-post-style-small-comment .vw-comment-author { display: inline-block; } .vw-post-style-small-comment .vw-comment-author { text-transform: uppercase; font-size: 14px; } .vw-post-style-small-comment .vw-comment-author + span { font-style: italic; } .vw-post-style-small-comment .vw-comment-author-avatar { float: left; } .vw-post-style-small-comment .vw-comment-author-avatar img { border-radius: 50%; } .vw-post-style-small-comment .vw-comment-meta { margin-left: 55px; padding-left: 10px; border-left: 2px solid; } .vw-post-style-small-comment .vw-post-box-comment { font-style: italic; word-break: break-word; margin-left: 15px; color: #BBBBBB; } .vw-post-style-small-comment + .vw-post-style-small-comment { margin-top: 20px; } /* ----------------------------------------------------------------------------- * Post style : Slider small * -------------------------------------------------------------------------- */ .vw-post-loop-slider .vw-post-slides { margin: 0; padding: 0; /* Fixing the long space while loading */ } .vw-post-loop-slider .vw-post-slides li:first-child { position: relative; } .vw-post-loop-slider .vw-post-slides li { position: absolute; top: 0; } .vw-post-loop-slider .bx-wrapper { position: relative; } .vw-post-loop-slider .bx-wrapper:hover .bx-prev, .vw-post-loop-slider .bx-wrapper:hover .bx-next { opacity: 0.5; } .vw-post-loop-slider .bx-prev, .vw-post-loop-slider .bx-next { position: absolute; top: 0; z-index: 10000; background-color: #FFFFFF; color: #000000; opacity: 0.2; line-height: 50px; display: inline-block; margin-top: 10px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .vw-post-loop-slider .bx-prev:hover, .vw-post-loop-slider .bx-next:hover { opacity: 1 !important; } .vw-post-loop-slider .bx-next { right: 0; } .vw-post-loop-slider .bx-prev { left: 0; } .vw-post-loop-slide-list .vw-post-box + .vw-post-box { margin-top: 20px; } .vw-post-loop-slider-carousel li { width: 360px !important; } @media (max-width: 767px) { .vw-post-loop-slider-carousel li { width: 260px !important; } } .vw-post-style-slide { position: relative; } .vw-post-style-slide .vw-post-box-thumbnail { display: block; } .vw-post-style-slide .vw-post-box-thumbnail + .vw-post-box-inner { position: absolute; } .vw-post-style-slide .wp-post-image { margin: 0; } .vw-post-style-slide .vw-post-categories { margin-bottom: 5px; } .vw-post-style-slide .vw-post-categories .vw-category-link { font-size: 10px; } .vw-post-style-slide .vw-post-categories .vw-category-link:first-child { padding-left: 0; } .vw-post-style-slide .vw-post-categories a + a:before { color: rgba(255, 255, 255, 0.5); } .vw-post-style-slide .vw-post-box-inner { bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); padding: 15px 10px; } .vw-post-style-slide .vw-post-box-title { margin: 0; font-size: 18px; color: #FFFFFF; } .vw-post-style-slide-large { max-height: 450px; overflow: hidden; } .vw-post-style-slide-large .vw-post-box-title { font-size: 60px; line-height: 1.1em; padding-right: 34%; } @media (max-width: 991px) { .vw-post-style-slide-large .vw-post-box-title { padding-right: 20%; } } @media (max-width: 767px) { .vw-post-style-slide-large .vw-post-box-title { padding-right: 10%; } } .vw-post-style-slide-large .vw-post-box-title a { text-decoration: none; } .vw-post-style-slide-large .vw-post-categories .vw-category-link { font-size: 11px; } .vw-post-style-slide-large .vw-post-box-inner { padding: 25px 15px; } .vw-post-style-slide-large .vw-post-meta { text-transform: uppercase; margin-top: 10px; letter-spacing: 1px; font-size: 13px; } .vw-post-style-slide-large .vw-post-meta a, .vw-post-style-slide-large .vw-post-meta span { color: #E1E1E1; } .vw-post-style-slide-large .wp-post-image { width: 100%; height: auto; } .vw-post-style-slide-large .vw-post-box-thumbnail { height: 100%; } @media (max-width: 991px) { .vw-post-style-slide-large .vw-post-box-title { padding-right: 10%; font-size: 40px; } } @media (max-width: 767px) { .vw-post-style-slide-large { height: 350px; } .vw-post-style-slide-large .vw-post-categories .vw-category-link { font-size: 10px; } .vw-post-style-slide-large .vw-post-box-title { padding-right: 0; font-size: 24px; } .vw-post-style-slide-large .vw-post-meta { font-size: 11px; } .vw-post-style-slide-large .vw-post-box-inner { padding: 10px 15px; } .vw-post-style-slide-large .wp-post-image { width: auto; max-width: none; height: 100%; margin-left: -60px; } } @media (max-width: 479px) { .vw-post-style-slide-large { height: 250px; } .vw-post-style-slide-large .wp-post-image { margin-left: -40px; } } /* ----------------------------------------------------------------------------- * Post style : Small left thumbnail * -------------------------------------------------------------------------- */ .vw-post-loop-small-left-thumbnail .vw-post-box + .vw-post-box { margin-top: 20px; } .vw-post-style-small-left-thumbnail { background: transparent; } /*============================================================================== 5.3 - General Elements ==============================================================================*/ /* ----------------------------------------------------------------------------- * Site social profiles * -------------------------------------------------------------------------- */ .vw-site-social-profile { display: inline-block; margin: 6px 6px 0 6px; } .vw-site-social-profile-icon, .vw-author-socials a { color: #FFFFFF; font-size: 12px; padding: 4px 7px; display: inline-block; width: 30px; height: 30px; margin-right: 6px; margin-bottom: 6px; background-color: #373737; -webkit-transition: background 0.15s ease-out; -moz-transition: background 0.15s ease-out; transition: background 0.15s ease-out; } .vw-site-social-profile-icon:hover, .vw-author-socials a:hover { color: #FFFFFF; } .vw-site-social-profile-icon:last-child, .vw-author-socials a:last-child { margin-right: 0; } /* ----------------------------------------------------------------------------- * Breaking news * -------------------------------------------------------------------------- */ .rtl .bx-wrapper { direction: ltr; } .rtl .bx-wrapper li { direction: rtl; } .vw-breaking-news-bar { background-color: #222222; padding: 15px 0; position: relative; /* Fix text flickring or set useCSS to false */ } .no-touch .vw-breaking-news-bar:hover .bx-prev, .no-touch .vw-breaking-news-bar:hover .bx-next { opacity: 1; } .no-touch .vw-breaking-news-bar:hover .bx-prev { left: -10px; } .no-touch .vw-breaking-news-bar:hover .bx-next { right: -10px; } .vw-breaking-news-bar .bx-prev, .vw-breaking-news-bar .bx-next { position: absolute; top: 0; background-color: rgba(255, 255, 255, 0.4); opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .vw-breaking-news-bar .bx-prev:hover, .vw-breaking-news-bar .bx-next:hover { background-color: #FFFFFF; } .vw-breaking-news-bar .bx-prev i, .vw-breaking-news-bar .bx-next i { line-height: 50px; width: 35px; color: #111111; } .vw-breaking-news-bar .bx-wrapper { position: relative; z-index: 1; } .vw-breaking-news-bar .bx-prev { left: 0px; } .vw-breaking-news-bar .bx-next { right: 0px; } .vw-breaking-news.invisible { height: 60px; overflow: hidden; } .vw-breaking-news-list { overflow: hidden; position: relative; padding-left: 0; list-style: none; margin: 0; } .vw-breaking-news-list li { position: relative; width: 25%; display: inline-block; float: left; padding-right: 15px; min-height: 60px; min-width: 200px; } .vw-breaking-news-list li + li:before { border-left: 3px solid rgba(128, 128, 128, 0.15); content: ''; height: 500px; display: inline-block; position: absolute; left: -15px; } .vw-breaking-news-post-date { display: inline-block; color: #FFFFFF; font-size: 32px; font-weight: bolder; margin-top: 6px; position: absolute; } .vw-breaking-news-month { font-size: 11px; font-weight: 300; display: block; text-transform: uppercase; color: #DDDDDD; opacity: 0.8; line-height: 1em; padding-top: 8px; } .vw-breaking-news-link { color: #DDDDDD; font-size: 14px; line-height: 17px; text-transform: uppercase; margin-left: 50px; display: inline-block; word-break: break-word; } /* ----------------------------------------------------------------------------- * Preloader background * -------------------------------------------------------------------------- */ .vw-preloader-bg, .vw-page-title-wrapper-top.vw-has-background { /* preloader */ background: url('data:image/gif;base64,R0lGODlhRwBHAPZOAICAgIGBgYKCgoODg4WFhYaGhomJiYuLi42NjY6Ojo+Pj5CQkJKSkpSUlJWVlZiYmJmZmZubm56enp+fn6GhoaOjo6Wlpaampqqqqqurq6ysrK6urq+vr7CwsLS0tLW1tbm5ubq6ury8vL6+vsLCwsbGxsnJyc7OztPT09bW1tjY2NnZ2dvb297e3t/f3+Dg4OHh4eLi4uPj4+Tk5OXl5ebm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P39/f7+/v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAABHAEcAAAf+gE6Cg4SFhodDQjo0NC8vIQUHCQ4XISc7h5mam5yGQzsvLqKiji4fAKipqAkbKEmdsLGFSaCkoaOjp6q7AAcdNLLBmkmNpbjHprzKAA8rws9OSTq3yNW6y7wVOtCxO9XfudjYG0PcwzTg6dfivAkv5oZC1OnW7OIi8IO19N+PBfbj8oGal+6FDiGvCg1xYWJDAoCpLiR8poMfKUyydohgAFHCRFkV+en4KOxFBYAShHkr+KJcPicrHrLDIGsIQWQYXw4KYY9ELEc3SbnUSWjFAXbvOKHrR4MkUUFCOGJL4JSQkH4ugD3NNOSBuA/DgrpwVHWroCQOxCU1FLLai7L+ZqHKVPYAEbi3cZX+W+asUFuceTuJwFaXUJK7gWFJVebCar+hiTW5wEZzkFitkTmdVFYg4eFvkDNneoHthKCVyNaK3uRV2QVBS5EJWd3JxLID0cDBpS1oCDYaNt3y7tSaVwl5qXMOz8RT2Ya/o17MXq4pxTIJsY/tXr5jmbtv1DktKyA2/Ka5u4zhUm2+EHpV6qO3Z74BQ/0N94HOYz8fttv4pPRnSFAAjiJgIQUa9M12wx12k4LVhDbfQtXogNoxyvV3VTU7UIgMZgJmh8tsYjFIW4lOiDjKdBr+d9pYHx7YSIW9JSjhcp9VwyKBIIYHnXz6iHUjbUkU6MI2gxTE+U2Pw6ETVGg/rhjehjTOcteQiQUH2iEqAslbl6IwaRk4YgYG5lhwXRijaGe6kKEhZzqSWZv8GaLklXkRQw+Wjt3lpllU9vOmJlGu15ROQ7QpCpIgsZQVn5wMMY1YozAajKKkACeMIqTQcyg0hX5j4ZBJ0BJqNWVmZFFqjLRqJD2WmuPhqrTSw+JLRb5aq0WfbrXPrrW+sIOJ0BBDKbDH9JqYNKEcW6uyoknqbHRiddieIg8es99BBw7yyaT7GbQDQk8FAgA7') no-repeat center 80px !important; } .svg.smil .vw-preloader-bg, .svg.smil .vw-page-title-wrapper-top.vw-has-background { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJyZ2IoMTI4LDEyOCwxMjgpIj4KICA8cGF0aCBvcGFjaXR5PSIuMjUiIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMCAxNiAzMiBBMTYgMTYgMCAwIDAgMTYgMCBNMTYgNCBBMTIgMTIgMCAwIDEgMTYgMjggQTEyIDEyIDAgMCAxIDE2IDQiLz4KICA8cGF0aCBkPSJNMTYgMCBBMTYgMTYgMCAwIDEgMzIgMTYgTDI4IDE2IEExMiAxMiAwIDAgMCAxNiA0eiI+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAxNiAxNiIgdG89IjM2MCAxNiAxNiIgZHVyPSIwLjhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L3BhdGg+Cjwvc3ZnPgo=') no-repeat center 80px !important; } /* ----------------------------------------------------------------------------- * Page title * -------------------------------------------------------------------------- */ .vw-page-title-shadow, .vw-page-title-wrapper-top.vw-has-background:before, .vwspc-section-post-slider-section:first-child .vw-post-box-thumbnail:before { content: ''; display: block; top: 0; left: 0; right: 0; height: 50px; position: absolute; border-top: 1px solid rgba(0, 0, 0, 0.3); z-index: 10000; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 10px); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 10px); } .vw-page-title-wrapper-top.vw-has-background .vw-page-title-wrapper-inner { padding-top: 150px; position: relative; } .vw-page-title-wrapper-top.vw-has-background .vw-page-title-box { padding-left: 15px; background-color: rgba(0, 0, 0, 0.4); } .vw-page-title-wrapper-top.vw-has-background .vw-page-title { color: #FFFFFF; } .vw-page-title-wrapper-top.vw-has-background .vw-post-categories a + a:before { color: rgba(255, 255, 255, 0.4); } .vw-page-title-wrapper-top.vw-has-no-background { border-bottom: 1px solid #EEEEEE; } .vw-page-title-wrapper-top.vw-has-no-background .vw-page-description { color: inherit; } .vw-page-title-wrapper-top .vw-page-title-image-captions { position: absolute; top: 10px; left: 0; font-style: italic; } .vw-page-title-box { padding: 25px 15px 25px 0; } .vw-page-title-box .vw-label { letter-spacing: 1px; text-transform: uppercase; font-size: 16px; } @media (max-width: 767px) { .vw-page-title-box .vw-label { font-size: 12px; } } .vw-page-title-thumbnail { float: left; margin-right: 20px; } .vw-page-title-thumbnail img { max-width: 60px; } .vw-page-title-thumbnail + .vw-page-title-box-inner { margin-left: 80px; } @media (min-width: 768px) { .vw-page-title-thumbnail img { max-width: 80px; } .vw-page-title-thumbnail + .vw-page-title-box-inner { margin-left: 100px; } } @media (min-width: 992px) { .vw-page-title-thumbnail img { max-width: none; } body.author.archive .vw-page-title-thumbnail + .vw-page-title-box-inner { margin-left: 180px; } body.archive.category .vw-page-title-thumbnail + .vw-page-title-box-inner { margin-left: 130px; } } .vw-page-title { font-size: 60px; text-transform: uppercase; line-height: 1.1em; padding-right: 34%; margin: 0; } @media (max-width: 991px) { .vw-page-title { padding-right: 20%; font-size: 40px; } } @media (max-width: 767px) { .vw-page-title { padding-right: 10%; font-size: 24px; } } .vw-page-subtitle { margin-bottom: 0; } .vw-page-description { font-style: italic; font-size: 0.9em; letter-spacing: 1px; opacity: 0.8; } .vw-page-description p { margin-bottom: 0; } @media (min-width: 992px) { .vw-page-description { padding-right: 30%; font-size: 1em; } } @media (min-width: 1200px) { .vw-page-description { padding-right: 40%; font-size: 1.11em; } } /* ----------------------------------------------------------------------------- * Gallery Direction Nav * -------------------------------------------------------------------------- */ .vw-gallery-direction-nav { direction: ltr; position: absolute; right: 0px; top: 5px; z-index: 1000000; } .vw-gallery-direction-button { background-color: rgba(0, 0, 0, 0.4); display: inline-block; border-radius: 2px; padding: 4px 6px; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .vw-gallery-direction-button i { color: #FFFFFF; font-size: 14px; } /* ----------------------------------------------------------------------------- * Featured image caption * -------------------------------------------------------------------------- */ .vw-featured-image-caption-wrapper { font-size: 12px; position: absolute; bottom: 5px; left: 5px; } .vw-featured-image-caption { color: rgba(255, 255, 255, 0.7); background-color: rgba(0, 0, 0, 0.2); padding: 3px 5px; border-radius: 2px; display: inline-block; } /* ----------------------------------------------------------------------------- * Post category tag * -------------------------------------------------------------------------- */ .vw-post-categories { position: relative; margin-bottom: 10px; } .vw-post-categories:before, .vw-post-categories:after { content: " "; display: table; } .vw-post-categories:after { clear: both; } .vw-post-categories .vw-category-link { float: left; text-transform: uppercase; text-decoration: none; display: inline-block; font-size: 11px; font-weight: bolder; letter-spacing: 1px; line-height: 1em; padding: 3px 4px; margin-right: 4px; } .vw-post-categories .vw-category-link:hover { text-decoration: underline; } .vw-post-categories a + a:before { content: '/'; left: -5px; display: inline-block; position: relative; color: rgba(128, 128, 128, 0.4); } /* ----------------------------------------------------------------------------- * Hamburger icon * -------------------------------------------------------------------------- */ .vw-hamburger-icon { display: block; width: 40px; height: 36px; position: relative; z-index: 2; } .vw-hamburger-icon:before, .vw-hamburger-icon:after, .vw-hamburger-icon span { background: #FFFFFF; content: ''; display: block; width: 30px; height: 4px; position: absolute; left: 5px; } .vw-hamburger-icon:before { top: 6px; } .vw-hamburger-icon:after { bottom: 8px; } .vw-hamburger-icon span { top: 50%; margin-top: -3px; } /* ----------------------------------------------------------------------------- * Date box * -------------------------------------------------------------------------- */ .vw-date-box { float: left; text-align: center; padding: 4px 8px; background: #000000; } .vw-date-box-date { font-size: 40px; line-height: 1em; min-width: 1em; display: block; } .vw-date-box-month { font-size: 11px; font-weight: 300; display: block; text-transform: uppercase; color: #FFFFFF; } .vw-date-box-month span { opacity: 0.8; } /* ----------------------------------------------------------------------------- * Topic line * -------------------------------------------------------------------------- */ .vw-right-topic-line { overflow: hidden; position: relative; } .vw-right-topic-line.widget-title > span:after, .vw-right-topic-line:after { content: ' '; height: 4px; background-color: #373737; width: 1000%; position: absolute; display: inline-block; top: 50%; margin-top: -7px; margin-left: 10px; } .widget-title { overflow: hidden; } .widget-title.vw-right-topic-line:after { display: none; } .widget-title.vw-right-topic-line > span { position: relative; display: inline-block; } .widget-title.vw-right-topic-line > span:after { left: 100%; margin-top: -2px; } /* ----------------------------------------------------------------------------- * Instant Search * -------------------------------------------------------------------------- */ .vw-instant-search-buton { cursor: pointer; } .vw-instant-search-buton i:before { font-size: 16px; } .vw-instant-search-panel { margin: 0; z-index: 100; padding: 15px; position: absolute; width: 25em; right: 0; top: 100%; background-color: rgba(0, 0, 0, 0.98); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.9); } .vw-instant-search-panel #s { width: 100%; color: #000000; } .vw-instant-search-panel .vw-loading-icon.vw-preloader-bg, .vw-instant-search-panel .vw-loading-icon.vw-page-title-wrapper-top.vw-has-background { height: 60px; background-position: center 20px !important; display: none; } .vw-instant-search-result-panel { list-style: none; padding: 0 15px; margin: 0; } .vw-instant-search-result-panel > li { padding: 15px 0; } .vw-instant-search-result-panel > li:first-child { margin-top: 15px; } .vw-instant-search-result-panel > li + li { border-top: 3px solid rgba(255, 255, 255, 0.12); } .vw-instant-search-result-item { font-size: 1em; line-height: 1.4em; } .vw-instant-search-result-thumbnail { float: left; width: 60px; height: 60px; } .vw-instant-search-result-thumbnail img { margin: 0; } .vw-instant-search-result-content { margin-left: 80px; } .vw-instant-search-result-title { font-weight: bold; margin-bottom: 3px; text-transform: uppercase; color: #FFFFFF !important; } .vw-instant-search-result-date { font-size: 10px; opacity: 0.75; } /* ----------------------------------------------------------------------------- * Copyright * -------------------------------------------------------------------------- */ .vw-copyright { padding: 10px 0; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; } /* ----------------------------------------------------------------------------- * Custom Tiled Gallery * -------------------------------------------------------------------------- */ .vw-custom-tiled-gallery { margin: 30px 0; } .vw-custom-tiled-gallery .gallery-item { display: inline-block; float: left; width: 32.33%; margin: 0.5%; position: relative; } .vw-custom-tiled-gallery .gallery-caption { background-color: #000000; background-color: rgba(0, 0, 0, 0.4); position: absolute; bottom: 0; right: 0; left: 0; z-index: 1; padding: 10px 15px; color: white; font-size: 0.85em; font-style: italic; font-weight: bold; line-height: 1.2em; } .vw-custom-tiled-gallery br + br { display: none; } .vw-custom-tiled-gallery a { display: inline-block; max-width: 100%; } .vw-custom-tiled-gallery a:hover img { opacity: 0.75; } .vw-custom-tiled-gallery img { max-width: 100%; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* ----------------------------------------------------------------------------- * Button * -------------------------------------------------------------------------- */ .vw-button { display: inline-block; text-decoration: none !important; color: #FFFFFF !important; } .no-touch .vw-button:hover { color: #FFFFFF; } .vw-button i:first-child { margin-right: 0.4em; font-size: 15px; } .vw-button-full-width { display: block; width: 100%; } .vw-button-black { background-color: #000000; } .no-touch .vw-button-black:hover { background-color: #333333; } .vw-button-orange { background-color: #FC7844; } .no-touch .vw-button-orange:hover { background-color: #FD9369; } .vw-button-red { background-color: #E74C3C; } .no-touch .vw-button-red:hover { background-color: #EC7063; } .vw-button-yellow { background-color: #F9CB31; } .no-touch .vw-button-yellow:hover { background-color: #FAD45A; } .vw-button-blue { background-color: #3498DB; } .no-touch .vw-button-blue:hover { background-color: #5DACE2; } .vw-button-green { background-color: #1ABC84; } .no-touch .vw-button-green:hover { background-color: #48C99D; } .vw-button-purple { background-color: #B73B7A; } .no-touch .vw-button-purple:hover { background-color: #C56295; } .vw-button-pink { background-color: #ED5E80; } .no-touch .vw-button-pink:hover { background-color: #F17E99; } /* ----------------------------------------------------------------------------- * 404 Text * -------------------------------------------------------------------------- */ .vw-404-text { font-size: 90px; line-height: 1em; margin-top: 0; margin-bottom: 15px; } /* ----------------------------------------------------------------------------- * Sticky * -------------------------------------------------------------------------- */ .vw-sticky { z-index: 1000; -webkit-transition: right 0.4s ease; -moz-transition: right 0.4s ease; transition: right 0.4s ease; } @media (max-width: 767px) { .vw-sticky-wrapper { display: none; } } .vw-sticky-wrapper.is-sticky .vw-sticky { right: 0; left: 0; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } html.mm-right.mm-opening .vw-sticky-wrapper.is-sticky .vw-sticky { right: 440px; } /*============================================================================== 5.4 - Comments ==============================================================================*/ /* ----------------------------------------------------------------------------- * Comments * -------------------------------------------------------------------------- */ #comments .comment-reply-title { font-size: 1.3em; text-transform: uppercase; } .commentlist, .commentlist .children { list-style: none; } .commentlist { padding-left: 0; } .comment .avatar { border-radius: 50%; width: 50px; height: auto; float: left; margin-right: 15px; } .comment .author, .comment .text { margin-left: 70px; } .comment .date, .pingback .date { font-size: 11px; color: #666666; text-transform: uppercase; } .comment .author-name, .pingback .author-name { margin-top: 0.2em; font-size: 14px; text-transform: uppercase; } .comment .author-name a, .pingback .author-name a { color: inherit; } .comment .text, .pingback .text { margin-top: 20px; } * + .comment, * + .pingback, .commentlist .children { margin-top: 30px; padding-top: 30px; border-top: 2px solid; } .commentlist .children { margin-left: 60px; padding-left: 0; } @media (max-width: 991px) { .commentlist .children { margin-left: 40px; } } @media (max-width: 479px) { .commentlist .children { margin-left: 20px; } } .commentlist .children .comment .avatar { width: 32px; } .commentlist .children .comment .author, .commentlist .children .comment .text { margin-left: 50px; } .commentlist .children .comment .author-name { margin-top: 0; } .comment-body img { max-width: 100%; } /*============================================================================== 5.5 - Review ==============================================================================*/ /* ----------------------------------------------------------------------------- * Review Box * -------------------------------------------------------------------------- */ .vw-review-box { margin-bottom: 1.3em; padding: 10px; color: #FFFFFF; background-color: #000000; } @media (min-width: 992px) { .vw-review-position-top-floating { float: left; width: 60%; margin-right: 1.3em; } } .vw-review-box-title { margin: 0; padding: 10px 15px; color: inherit; background-color: #111111; text-transform: uppercase; } .vw-review-item { position: relative; margin-top: 5px; } .vw-review-item-title { float: left; position: relative; z-index: 2; background-color: rgba(0, 0, 0, 0.15); letter-spacing: 1px; } .vw-review-item-title-score { font-weight: bold; } .vw-review-item-score { text-align: center; float: right; } .vw-review-item-score.vw-review-score-percentage { position: absolute; height: 100%; background-image: url('images/stripe-white.png'); background-repeat: repeat; } .vw-review-box-summary { margin-top: 5px; display: table; width: 100%; position: relative; min-height: 85px; } .vw-review-summary, .vw-review-total-score { display: table-cell; vertical-align: middle; } .vw-review-box-summary .vw-review-summary { border-right: 5px solid; border-right-color: #000000; font-weight: 300; opacity: 0.8; padding: 0.5em 1em; } .vw-review-total-score, .vw-review-item-score.vw-review-score-star { width: 115px; text-align: center; } .vw-review-total-score { background-color: #000000; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .vw-review-total-score.vw-header-font { color: #FFFFFF; } .vw-review-total-score.vw-review-score-percentage, .vw-review-total-score.vw-review-score-point { font-size: 44px; font-weight: bold; } .vw-review-total-score.vw-review-score-percentage:after { content: '%'; font-size: 0.5em; font-weight: normal; } .vw-review-item-title, .vw-review-score-star, .vw-review-summary { margin: 6px 0; } .vw-review-item-title, .vw-review-summary { margin-left: 10px; margin-right: 10px; padding-left: 5px; padding-right: 5px; } .vw-review-score-star { line-height: 1em; } .vw-review-score-star img { max-width: 16px; vertical-align: middle; } .vw-review-score-star img + img { margin-left: 3px; } .vw-review-score-star .vw-review-score-number { width: auto !important; } .vw-review-total-score.vw-review-score-star { background-color: inherit; } .vw-review-item, .vw-review-box-summary { background-color: #222222; } /* ----------------------------------------------------------------------------- * Review Editor * -------------------------------------------------------------------------- */ #vw_review_editor .field-review-summary, #vw_review_editor .field-review-score { display: none; } #vw_review_editor .review-scores { margin: 15px 0; background-color: #FFFFFF; padding: 15px; border-radius: 2px; border: 1px solid #DDDDDD; } #vw_review_editor .review-scores .review-score-row { border: 1px solid #DDDDDD; background-color: #F1F1F1; background: -webkit-linear-gradient(bottom, #ECECEC, #F9F9F9); background: linear-gradient(to top, #ECECEC, #F9F9F9); border-radius: 2px; padding: 5px 10px 5px 5px; position: relative; } #vw_review_editor .review-scores .review-score-row i { color: #CCCCCC; } #vw_review_editor .review-scores .review-score-row i:hover { color: #3FACD6; } #vw_review_editor .review-scores .review-score-row .move-icon { font-size: 24px; line-height: 1em; vertical-align: middle; margin-right: 10px; cursor: move; } #vw_review_editor .review-scores .review-score-row .delete-icon { font-size: 16px; line-height: 1em; position: absolute; top: 50%; right: 5px; cursor: pointer; margin-top: -0.5em; } #vw_review_editor .review-scores .review-score-row .review-score-label { font-size: 11px; color: #666666; font-weight: bold; margin-right: 5px; } #vw_review_editor .review-scores .review-score-row .rwmb-text { width: 40%; margin-right: 10px; } #vw_review_editor .review-scores .review-score-row + .review-score-row { margin-top: 5px; } /*============================================================================== 6.0 - Widgets ==============================================================================*/ /* ----------------------------------------------------------------------------- * Widgets Area * -------------------------------------------------------------------------- */ .widget + .widget { margin-top: 45px; } .widget-title { margin-top: 0; margin-bottom: 25px; position: relative; padding: 0 10px 0 0; text-transform: uppercase; font-size: 22px; } .vw-no-widget-warning { font-style: italic; border: 1px dashed rgba(127, 127, 127, 0.7); padding: 0.5em; } .vw-no-widget-warning a { text-decoration: underline; } /* ----------------------------------------------------------------------------- * Widget Common Style * -------------------------------------------------------------------------- */ .vw-latest-posts-style-small-left-thumbnail .vw-post-box + .vw-post-box, .vw-latest-posts-style-large-small-left-thumbnail .vw-post-box + .vw-post-box, .vw-latest-posts-style-small-author .vw-post-box + .vw-post-box { border-top: 1px solid #EEEEEE; padding-top: 15px; } /* ----------------------------------------------------------------------------- * Widget: Envirra Social Share * -------------------------------------------------------------------------- */ .vw-social-share-box { position: relative; } .vw-social-share-box .box { margin: 5% 8% 0 8%; } .vw-social-share-box .box a { color: #404040; text-shadow: 0 1px 1px rgba(167, 167, 167, 0.4); } .vw-social-share-box .box a:hover { text-decoration: none; } .vw-social-share-box .count { font-weight: bold; font-size: 50px; float: left; border-right: 2px solid #57B8D1; line-height: 40px; padding-right: 10px; } .vw-social-share-box .share { float: left; margin-left: 10px; font-size: 20px; width: 82px; } .vw-social-share-box .buttons { position: absolute; width: 100%; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.2); padding: 10px; z-index: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .vw-social-share-box .button { float: left; margin: 0 10px 0 0; } .vw-social-share-box .facebook { margin: 0 4px 0 0; } /** * Line animation */ /* ----------------------------------------------------------------------------- * Widget: Envirra Author List * -------------------------------------------------------------------------- */ .widget_vw_widget_author_list { margin-bottom: -10px; } .widget_vw_widget_author_list ul { list-style: none; padding-left: 0; margin: 0; } .widget_vw_widget_author_list li { float: left; margin: 0 9px 10px 0 !important; } .widget_vw_widget_author_list li:before { display: none !important; } .widget_vw_widget_author_list .avatar { width: 80px; height: 80px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .widget_vw_widget_author_list a { display: inline-block; background-color: #000000; } .widget_vw_widget_author_list a:hover .avatar { opacity: 0.7; } /* ----------------------------------------------------------------------------- * Widget: Envirra Social Counter * -------------------------------------------------------------------------- */ .widget_vw_widget_social_counter { margin-bottom: -15px; } .vw-social-counter { width: 47%; margin-right: 3%; min-width: 146px; display: inline-block; float: left; margin-bottom: 15px; } .vw-social-counter-icon { float: left; display: inline-block; width: 50px; height: 50px; background-color: #EEEEEE; color: #333333; text-align: center; margin-right: 18px; } .vw-social-counter-icon i { line-height: 50px; font-size: 18px; } .vw-social-counter-count, .vw-social-counter-count, .vw-social-counter-icon { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .vw-social-counter-twitter .vw-social-counter-icon { background-color: #55ACEE; color: #FFFFFF; } .vw-social-counter-twitter:hover .vw-social-counter-icon { background-color: #88C4F3; } .vw-social-counter-twitter:hover .vw-social-counter-count { color: #55ACEE; } .vw-social-counter-facebook .vw-social-counter-icon { background-color: #3D62B3; color: #FFFFFF; } .vw-social-counter-facebook:hover .vw-social-counter-icon { background-color: #7791C9; } .vw-social-counter-facebook:hover .vw-social-counter-count { color: #3D62B3; } .vw-social-counter-instagram .vw-social-counter-icon { background-color: #517FA4; color: #FFFFFF; } .vw-social-counter-instagram:hover .vw-social-counter-icon { background-color: #85A5BF; } .vw-social-counter-instagram:hover .vw-social-counter-count { color: #517FA4; } .vw-social-counter-youtube .vw-social-counter-icon { background-color: #CC181E; color: #FFFFFF; } .vw-social-counter-youtube:hover .vw-social-counter-icon { background-color: #DB5D61; } .vw-social-counter-youtube:hover .vw-social-counter-count { color: #CC181E; } .vw-social-counter-googleplus .vw-social-counter-icon { background-color: #D34836; color: #FFFFFF; } .vw-social-counter-googleplus:hover .vw-social-counter-icon { background-color: #E07E72; } .vw-social-counter-googleplus:hover .vw-social-counter-count { color: #D34836; } .vw-social-counter-vimeo .vw-social-counter-icon { background-color: #1BB6EC; color: #FFFFFF; } .vw-social-counter-vimeo:hover .vw-social-counter-icon { background-color: #5FCBF1; } .vw-social-counter-vimeo:hover .vw-social-counter-count { color: #1BB6EC; } .vw-social-counter-soundcloud .vw-social-counter-icon { background-color: #FE4600; color: #FFFFFF; } .vw-social-counter-soundcloud:hover .vw-social-counter-icon { background-color: #FE7D4C; } .vw-social-counter-soundcloud:hover .vw-social-counter-count { color: #FE4600; } .vw-social-counter-pinterest .vw-social-counter-icon { background-color: #CB2028; color: #FFFFFF; } .vw-social-counter-pinterest:hover .vw-social-counter-icon { background-color: #DA6268; } .vw-social-counter-pinterest:hover .vw-social-counter-count { color: #CB2028; } .vw-social-counter-vk .vw-social-counter-icon { background-color: #44678D; color: #FFFFFF; } .vw-social-counter-vk:hover .vw-social-counter-icon { background-color: #7C94AF; } .vw-social-counter-vk:hover .vw-social-counter-count { color: #44678D; } .vw-social-counter-dribbble .vw-social-counter-icon { background-color: #E14D86; color: #FFFFFF; } .vw-social-counter-dribbble:hover .vw-social-counter-icon { background-color: #EA82AA; } .vw-social-counter-dribbble:hover .vw-social-counter-count { color: #E14D86; } .vw-social-counter-counter { float: left; display: inline-block; } .vw-social-counter-counter .vw-social-counter-count { color: #FFFFFF; } .vw-social-counter-count { font-size: 22px; font-weight: bold; line-height: 1.2em; color: #333333; margin-top: 5px; } .vw-social-counter-unit { font-size: 10px; line-height: 1em; margin-top: 2px; color: #999999; text-transform: uppercase; } /* ----------------------------------------------------------------------------- * Widget: Envirra Social Profile * -------------------------------------------------------------------------- */ .widget_vw_widget_social_profile .vw-site-social-profile-icon { background: #000000; color: #FFFFFF; font-size: 16px; margin-right: 10px; margin-bottom: 10px; } .widget_vw_widget_social_profile .vw-site-social-profile-icon i { width: 40px; height: 40px; line-height: 40px; } .widget_vw_widget_social_profile .vw-site-social-profile-icon i:before { width: auto; } .widget_vw_widget_social_profile .vw-site-social-profile-icon + .vw-site-social-profile-icon { margin-left: 0; } .widget_vw_widget_social_profile .vw-site-social-delicious { background-color: #0065C7; } .widget_vw_widget_social_profile .vw-site-social-delicious:hover { background-color: #4C93D7; } .widget_vw_widget_social_profile .vw-site-social-digg { background-color: #000000; } .widget_vw_widget_social_profile .vw-site-social-digg:hover { background-color: #4C4C4C; } .widget_vw_widget_social_profile .vw-site-social-dribbble { background-color: #EA4C89; } .widget_vw_widget_social_profile .vw-site-social-dribbble:hover { background-color: #F081AC; } .widget_vw_widget_social_profile .vw-site-social-facebook { background-color: #3D62B3; } .widget_vw_widget_social_profile .vw-site-social-facebook:hover { background-color: #7791C9; } .widget_vw_widget_social_profile .vw-site-social-flickr { background-color: #FF0084; } .widget_vw_widget_social_profile .vw-site-social-flickr:hover { background-color: #FF4CA8; } .widget_vw_widget_social_profile .vw-site-social-forrst { background-color: #33713E; } .widget_vw_widget_social_profile .vw-site-social-forrst:hover { background-color: #709B77; } .widget_vw_widget_social_profile .vw-site-social-github { background-color: #000000; } .widget_vw_widget_social_profile .vw-site-social-github:hover { background-color: #4C4C4C; } .widget_vw_widget_social_profile .vw-site-social-googleplus { background-color: #D34836; } .widget_vw_widget_social_profile .vw-site-social-googleplus:hover { background-color: #E07E72; } .widget_vw_widget_social_profile .vw-site-social-instagram { background-color: #1E5D81; } .widget_vw_widget_social_profile .vw-site-social-instagram:hover { background-color: #618DA6; } .widget_vw_widget_social_profile .vw-site-social-linkedin { background-color: #007BB6; } .widget_vw_widget_social_profile .vw-site-social-linkedin:hover { background-color: #4CA2CB; } .widget_vw_widget_social_profile .vw-site-social-lastfm { background-color: #D21309; } .widget_vw_widget_social_profile .vw-site-social-lastfm:hover { background-color: #DF5952; } .widget_vw_widget_social_profile .vw-site-social-pinterest { background-color: #CC2127; } .widget_vw_widget_social_profile .vw-site-social-pinterest:hover { background-color: #DB6367; } .widget_vw_widget_social_profile .vw-site-social-rss { background-color: #FF7700; } .widget_vw_widget_social_profile .vw-site-social-rss:hover { background-color: #FF9F4C; } .widget_vw_widget_social_profile .vw-site-social-skype { background-color: #00ADF2; } .widget_vw_widget_social_profile .vw-site-social-skype:hover { background-color: #4CC5F5; } .widget_vw_widget_social_profile .vw-site-social-tumblr { background-color: #314E6C; } .widget_vw_widget_social_profile .vw-site-social-tumblr:hover { background-color: #6E8398; } .widget_vw_widget_social_profile .vw-site-social-twitter { background-color: #55ACEE; } .widget_vw_widget_social_profile .vw-site-social-twitter:hover { background-color: #88C4F3; } .widget_vw_widget_social_profile .vw-site-social-vimeo { background-color: #1DA7CE; } .widget_vw_widget_social_profile .vw-site-social-vimeo:hover { background-color: #60C1DC; } .widget_vw_widget_social_profile .vw-site-social-yahoo { background-color: #44029A; } .widget_vw_widget_social_profile .vw-site-social-yahoo:hover { background-color: #7C4DB8; } .widget_vw_widget_social_profile .vw-site-social-youtube { background-color: #CC181E; } .widget_vw_widget_social_profile .vw-site-social-youtube:hover { background-color: #DB5D61; } .widget_vw_widget_social_profile .vw-site-social-500px { background-color: #000000; } .widget_vw_widget_social_profile .vw-site-social-500px:hover { background-color: #4C4C4C; } /* ----------------------------------------------------------------------------- * Widget: Post Tabbed * -------------------------------------------------------------------------- */ .vw-post-tabed { background-color: #0D0D0D; } .vw-post-tabed .vw-comment-author, .vw-post-tabed .vw-post-box-title { color: #FFFFFF; } .vw-post-tabed .vw-post-box { background: inherit; } .vw-post-tabed-tabs { padding: 0; margin-top: 0; margin-bottom: 15px; list-style: none; } .vw-post-tabed-tabs li:before { background: transparent !important; } .vw-post-tabed-tab { display: inline-block; float: left; width: 33.33%; line-height: 30px; text-align: center; border: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background-color: #000000; } .vw-post-tabed-tab a { display: block; outline: none; font-size: 0.75em; text-decoration: none; text-transform: uppercase; padding: 5px 0; border-bottom: 3px solid rgba(0, 0, 0, 0.12); } .vw-post-tabed-tab a, .vw-post-tabed-tab a:hover, .vw-post-tabed-tab a:focus { color: #FFFFFF; } .vw-post-tabed-tab.ui-state-active, .vw-post-tabed-tab.ui-state-hover { background-color: #373737; } .vw-post-tabed-content { padding: 0px 15px 15px 15px; } /* ----------------------------------------------------------------------------- * Widget: Posts * -------------------------------------------------------------------------- */ @media (min-width: 768px) and (max-width: 991px) { .vw-page-sidebar .latest-posts-style-full-thumbnail .vw-post-box-post-title { font-size: 1em; } } /* ----------------------------------------------------------------------------- * Widget: FeedBurner * -------------------------------------------------------------------------- */ .vw-widget-feedburner-container { background-color: #000000; } .vw-page-wrapper .vw-widget-feedburner-container { padding: 25px; } .vw-widget-feedburner-text { margin-top: 0; margin-bottom: 1.3em; padding-left: 10px; text-transform: uppercase; border-left: 3px solid; color: #FFFFFF; } .vw-widget-feedburner-email { width: 100%; margin-bottom: 1em; } /* ----------------------------------------------------------------------------- * Wdiget: Login * -------------------------------------------------------------------------- */ .widget_vw_widget_login { background-color: #000000; padding: 25px; } .vw-login-title { text-transform: uppercase; margin-top: 0; padding-left: 10px; border-left: 3px solid; color: #FFFFFF; } .vw-login-form-username > input, .vw-login-form-pass > input { width: 100%; display: block; } .vw-login-form-lost-password { float: right; } .vw-loggedin-form .avatar { float: left; margin-right: 1.5em; width: 100px; } .vw-loggedin-form .vw-loggedin-form-links { padding-left: 20px; font-size: 0.9em; } .vw-loggedin-user-info { float: left; } .vw-loggedin-form-links { font-size: 12px; list-style: square; } .vw-login-form-remember { color: #FFFFFF; } /* ----------------------------------------------------------------------------- * Widget: Default Style For Wordpress's Widget * -------------------------------------------------------------------------- */ .widget_archive .widget-title, .widget_categories .widget-title, .widget_nav_menu > div .widget-title, .widget_meta .widget-title, .widget_pages .widget-title, .widget_recent_comments .widget-title, .widget_recent_entries .widget-title, .widget_rss .widget-title { margin-bottom: 0; } .widget_archive > ul, .widget_archive > ol, .widget_categories > ul, .widget_categories > ol, .widget_nav_menu > div > ul, .widget_nav_menu > div > ol, .widget_meta > ul, .widget_meta > ol, .widget_pages > ul, .widget_pages > ol, .widget_recent_comments > ul, .widget_recent_comments > ol, .widget_recent_entries > ul, .widget_recent_entries > ol, .widget_rss > ul, .widget_rss > ol { list-style: none; padding-left: 0px; } .widget_archive li, .widget_categories li, .widget_nav_menu > div li, .widget_meta li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li, .widget_rss li { padding-top: 12px; margin-bottom: 12px; } .widget_archive li + li, .widget_categories li + li, .widget_nav_menu > div li + li, .widget_meta li + li, .widget_pages li + li, .widget_recent_comments li + li, .widget_recent_entries li + li, .widget_rss li + li { border-top: 1px solid rgba(128, 128, 128, 0.15); margin-top: 12px; } .widget_archive a, .widget_categories a, .widget_nav_menu > div a, .widget_meta a, .widget_pages a, .widget_recent_comments a, .widget_recent_entries a, .widget_rss a { color: inherit; word-break: break-word; } .widget_archive .children, .widget_categories .children, .widget_nav_menu > div .children, .widget_meta .children, .widget_pages .children, .widget_recent_comments .children, .widget_recent_entries .children, .widget_rss .children { font-size: 0.9em; } /* ----------------------------------------------------------------------------- * Widget: Custom Menu * -------------------------------------------------------------------------- */ .widget_recent_entries .post-date { display: block; font-size: 0.85em; font-style: italic; opacity: 0.7; } /* ----------------------------------------------------------------------------- * Widget: Calendar * -------------------------------------------------------------------------- */ #calendar_wrap { background-color: #0D0D0D; padding: 5px 10px; } #wp-calendar { width: 100%; } #wp-calendar caption { color: #FFFFFF !important; text-align: left; border-left: 3px solid; padding-left: 10px; color: #FFFFFF; font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 11px; color: #BBBBBB; font-weight: bold; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; } #wp-calendar tbody { color: #FFFFFF; } #wp-calendar tbody td { background: #666666; border: 0px solid #373737; text-align: center; padding: 8px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } @media (min-width: 768px) and (max-width: 991px) { #wp-calendar tbody td { padding: 0; } } #wp-calendar tbody td.pad:hover { background: transparent !important; } #wp-calendar tbody td:hover { color: #FFFFFF; } #wp-calendar tbody td:hover a { color: #FFFFFF; } #wp-calendar tbody a { font-weight: bold; display: inline-block; width: 100%; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot td { padding-top: 10px; font-size: 11px; font-weight: bold; text-transform: uppercase; } #wp-calendar tfoot #next { text-align: right; } /* ----------------------------------------------------------------------------- * Widget: Tagcloud * -------------------------------------------------------------------------- */ .widget_tag_cloud .tagcloud a { font-size: 12px !important; display: inline-block; margin-bottom: 8px; margin-right: 4px; padding: 2px 8px; background-color: #000000; text-transform: uppercase; text-decoration: none; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; color: #DDDDDD; } .widget_tag_cloud .tagcloud a:hover { color: #FFFFFF; } /* ----------------------------------------------------------------------------- * Widget: Search * -------------------------------------------------------------------------- */ .widget_search .search-form { display: block; padding: 10px 10px; background-color: #000000; position: relative; } .widget_search .screen-reader-text { display: none; } .widget_search label { display: block; border-left: 3px solid; padding-left: 10px; } .widget_search .search-submit { position: absolute; right: 5px; top: 10px; } .widget_search .search-field { width: 100%; padding-right: 65px; } /* ----------------------------------------------------------------------------- * Widget: Recent comments * -------------------------------------------------------------------------- */ .widget_recent_comments .url { opacity: 0.7; } .widget_recent_comments .url:hover { opacity: 1; } /* ----------------------------------------------------------------------------- * Widget: Author * -------------------------------------------------------------------------- */ .widget_vw_widget_author .vw-widget-author-info { background-color: #000000; padding: 25px; } .widget_vw_widget_author .vw-widget-author-title { text-transform: uppercase; margin: 0 0 15px 0; border-left: 3px solid; padding-left: 10px; color: #FFFFFF; } .widget_vw_widget_author .vw-widget-author-bio { font-style: italic; margin-top: 20px; color: #BBBBBB; } .widget_vw_widget_author .vw-author-socials { margin-top: 20px; } /* ----------------------------------------------------------------------------- * Widget: Categories * -------------------------------------------------------------------------- */ .widget_vw_widget_categories .vw-widget-category-list { list-style: none; padding: 0; margin: 0; } .widget_vw_widget_categories .vw-widget-category-list li + li { margin-top: 15px; padding-top: 20px; border-top: 1px solid rgba(128, 128, 128, 0.15); } .widget_vw_widget_categories .vw-widget-category-title { font-size: 26px; line-height: 1.1em; position: relative; display: block; text-transform: uppercase; text-decoration: none; padding-right: 30px; word-break: break-word; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .widget_vw_widget_categories .vw-widget-category-title:hover .vw-widget-category-post-count { color: #FFFFFF; } .widget_vw_widget_categories .vw-widget-category-post-count { background-color: #000000; color: #FFFFFF; float: right; font-size: 16px; line-height: 26px; display: inline-block; position: absolute; top: 0; right: 0; padding: 0 5px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .widget_vw_widget_categories .vw-widget-category-description { font-style: italic; color: #666666; line-height: 1.2em; margin-top: 8px; padding-right: 15%; } .vw-sidebar-position-content-mini-right .vw-page-sidebar-left .widget_vw_widget_categories .vw-widget-category-title, .vw-sidebar-position-mini-content-right .vw-page-sidebar-left .widget_vw_widget_categories .vw-widget-category-title, .vw-sidebar-position-left-content-mini .vw-page-sidebar-right .widget_vw_widget_categories .vw-widget-category-title { font-size: 22px; } /*============================================================================== 7.0 - Components ==============================================================================*/ /*============================================================================== 7.1 - Magnific Popup ==============================================================================*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0B0B0B; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCCCCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCCCCC; } .mfp-preloader a:hover { color: #FFFFFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFFFFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFFFFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCCCCC; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFFFFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFFFFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* Styles for dialog window */ #vw-post-shares-dialog { background: white; padding: 20px 30px; text-align: left; max-width: 600px; margin: 40px auto; position: relative; } #vw-post-shares-dialog .vw-post-shares-title { color: #111111; text-transform: uppercase; } #vw-post-shares-dialog .vw-post-shares-subtitle { font-size: 11px; font-weight: bold; color: #BBBBBB; letter-spacing: 2px; } #vw-post-shares-dialog .vw-post-shares-socials { margin-top: 20px; margin-bottom: 30px; } #vw-post-shares-dialog .vw-post-shares-social { font-size: 24px; color: #FFFFFF; background-color: #EFEFEF; padding: 10px 10px; margin-top: 10px; margin-right: 10px; display: inline-block; } #vw-post-shares-dialog .vw-post-shares-social-pinterest { background-color: #CB2027; } #vw-post-shares-dialog .vw-post-shares-social-twitter { background-color: #39A9E0; } #vw-post-shares-dialog .vw-post-shares-social-facebook { background-color: #3B5998; } #vw-post-shares-dialog .vw-post-shares-social-gplus { background-color: #D14836; } /* Style for lightbox navigation */ .mfp-arrow:hover, .no-touch .mfp-arrow:hover, .mfp-close:hover, .no-touch .mfp-close:hover { background-color: rgba(0, 0, 0, 0.7); } .mfp-image-holder .mfp-close { margin-right: 0; right: 0; } /** * Fade-zoom animation for first dialog */ /* start state */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0.001; /* Chrome opacity transition bug */ -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /** * Fade-move animation for second dialog */ /* at start */ .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); } /* animate in */ .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); } /* animate out */ .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg); } /* Dark overlay, start state */ .my-mfp-slide-bottom.mfp-bg { opacity: 0.01; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } /*============================================================================== 7.2 - Superfish ==============================================================================*/ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu ul { box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ } .sf-menu a { border-left: 1px solid #FFFFFF; border-top: 1px solid #DFEEFF; /* fallback colour must use full shorthand */ border-top: 1px solid rgba(255, 255, 255, 0.5); padding: 0.75em 1em; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu a { color: #1133AA; } .sf-menu li { background: #BDD2FF; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background 0.2s; transition: background 0.2s; } .sf-menu ul li { background: #AABDE6; } .sf-menu ul ul li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover { background: #CFDEFF; /* only transition out, not in */ -webkit-transition: none; transition: none; } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 30px; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 10px; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #DFEEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255, 255, 255, 0.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #DFEEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255, 255, 255, 0.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } /*============================================================================== 7.3 - Simple Page Composer ==============================================================================*/ /* ----------------------------------------------------------------------------- * Simple Page Composer * -------------------------------------------------------------------------- */ .page-template-page_simple_composer-php .vw-page-wrapper { padding-top: 0; } .vwspc-section { margin-top: 45px; } .vwspc-section-title { margin-top: 0; margin-bottom: 1em; font-size: 22px; text-transform: uppercase; } @media (max-width: 991px) { .vwspc-sidebar-column { margin-top: 45px; } } .vwspc-section-post-slider-section:first-child { margin-top: 0; } .vwspc-section-post-slider-section + .vwspc-section-post-slider-section { margin-top: 1%; } @media (min-width: 992px) { .vwspc-section-post-slider-section:nth-of-type(even) .vw-post-slider-mini-box-left { float: right; margin-right: 0; margin-left: 1%; } .vwspc-section-post-slider-section:nth-of-type(even) .vw-post-slider-mini-box-right-top, .vwspc-section-post-slider-section:nth-of-type(even) .vw-post-slider-mini-box-right-bottom { float: left; } } .vwspc-section-post-box-sidebar .vwspc-section-sidebar .widget:first-child .widget-title { padding-top: 0; } .vwspc-section-post-box-sidebar .vwspc-section-sidebar .widget:first-child .widget-title:after { margin-top: -7px; } @media (max-width: 991px) { .vwspc-section-sidebar { margin-top: 30px; } } /* ----------------------------------------------------------------------------- * Page Section: Full page link * -------------------------------------------------------------------------- */ .vwspc-section-full-page-link { text-align: center; background-color: #000000; padding: 80px 0; cursor: pointer; } .vwspc-section-full-page-link .vw-full-page-link-header { background-color: rgba(0, 0, 0, 0.6); display: inline-block; padding: 30px 60px; } .vwspc-section-full-page-link .vw-full-page-link-title a, .vwspc-section-full-page-link .vw-full-page-link-subtitle a { text-decoration: none; color: #FFFFFF; } .vwspc-section-full-page-link .vw-full-page-link-title { font-size: 46px; text-transform: uppercase; margin: 0 0 15px 0; } .vwspc-section-full-page-link .vw-full-page-link-subtitle { font-size: 16px; font-style: italic; color: #CCCCCC; margin-bottom: 40px; } .vwspc-section-full-page-link .vw-button { background-color: #000000; text-decoration: none; font-size: 16px; } .vwspc-section-full-page-link .vw-button:hover { color: #FFFFFF; } .vwspc-section-full-page-link:last-child { margin-bottom: -30px; } @media (max-width: 767px) { .vwspc-section-full-page-link { padding: 40px 0; } .vwspc-section-full-page-link .vw-full-page-link-header { padding: 15px 30px; } .vwspc-section-full-page-link .vw-full-page-link-title { font-size: 30px; } } /*============================================================================== 7.3 - Shortcodes ==============================================================================*/ /* ----------------------------------------------------------------------------- * Accordion * -------------------------------------------------------------------------- */ .vw-accordions { margin-bottom: 30px; } .vw-accordion { margin-top: 30px; } .vw-accordion .ui-icon:before { content: '\e80e'; font-family: "iconic"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.2em; font-size: 18px; } .vw-accordion .ui-state-hover span { color: #FFCC00; } .vw-accordion .ui-accordion-header-active { border-top: 2px solid #777777; } .vw-accordion .ui-accordion-header-active .ui-icon:before { content: '\e810'; } .vw-accordion + .vw-accordion { margin-top: 15px; } .vw-accordion + * { margin-top: 30px; } .vw-accordion-header { outline: none; margin: 0; cursor: pointer; position: relative; padding-top: 15px; border-top: 1px solid rgba(128, 128, 128, 0.15); -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .vw-accordion-header span { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .vw-accordion-header-text { margin-left: 1em; font-size: 1.1em; font-weight: bold; } .vw-accordion-content { display: none; padding: 15px 0 15px 50px; } /* ----------------------------------------------------------------------------- * Column Shortcode * -------------------------------------------------------------------------- */ .vw-row-shortcode { margin-left: -15px; margin-right: -15px; margin-bottom: 1.3em; } .vw-row-shortcode:before, .vw-row-shortcode:after { content: " "; display: table; } .vw-row-shortcode:after { clear: both; } .vw-column-shortcode { position: relative; float: left; padding-left: 15px; padding-right: 15px; max-width: 100%; width: 100%; } @media (max-width: 991px) { .vw-row-shortcode > .vw-column-shortcode { margin-bottom: 30px; } .vw-row-shortcode > .vw-column-shortcode:last-child { margin-bottom: 0; } } @media (min-width: 992px) { .vw-one-half { width: 50%; } .vw-one-third { width: 33.333333333%; } .vw-two-third { width: 66.666666666%; } .vw-one-fourth { width: 25%; } .vw-three-fourth { width: 75%; } .vw-one-fifth { width: 20%; } .vw-two-fifth { width: 40%; } .vw-three-fifth { width: 60%; } } /* ----------------------------------------------------------------------------- * Dropcap * -------------------------------------------------------------------------- */ .vw-dropcap { font-size: 2.85em; font-weight: bold; line-height: 1em; float: left; margin-right: 0.35em; margin-top: 4px; } .vw-dropcap-standard { margin-top: 2px; } .vw-dropcap-circle, .vw-dropcap-box { font-size: 1.75em; color: #FFFFFF; background-color: #000000; padding: 6px 9px; text-align: center; } .vw-dropcap-circle { border-radius: 50%; } /* ----------------------------------------------------------------------------- * Gap * -------------------------------------------------------------------------- */ .vw-gap { display: block; } /* ----------------------------------------------------------------------------- * Infobox * -------------------------------------------------------------------------- */ .vw-infobox { margin: 1.414em 0; padding: 10px; background-color: #000000; text-align: center; } .vw-infobox-inner { border-top: 2px solid #666666; border-bottom: 2px solid #666666; padding: 1.414em 0; } .vw-infobox-title, .vw-infobox-content { color: #FFFFFF !important; } .vw-infobox-title { margin: 0; font-size: 22px; } .vw-infobox-title + .vw-infobox-content { margin-top: 15px; } .vw-infobox-content { font-size: 1.15em; opacity: 0.6; padding: 0 0.8em; } /* ----------------------------------------------------------------------------- * List * -------------------------------------------------------------------------- */ .vw-list-shortcode { list-style: none; padding-left: 1.5em; } .vw-list-shortcode li > i:first-child { color: #FFFFFF; } /* ----------------------------------------------------------------------------- * Mark * -------------------------------------------------------------------------- */ mark.vw-mark-style-yellow { background-color: #FFCC00; } mark.vw-mark-style-grey { background-color: #CCCCCC; } mark.vw-mark-style-dark { background-color: #000000; color: #FFFFFF; } /* ----------------------------------------------------------------------------- * Quote * -------------------------------------------------------------------------- */ .vw-quote { margin: 15px 30px 10px 0; padding: 15px 30px 30px 45px; border-top: 4px solid #373737; font-size: 18px; font-style: italic; background-color: #000000; color: #DDDDDD; position: relative; } .vw-quote-icon { position: absolute; left: 2px; top: 4px; font-size: 24px; color: #FFFFFF; } @media (min-width: 768px) { .vw-quote { margin-top: 0.5em; max-width: 40%; float: left; } .vw-quote-align-right { float: right; margin-left: 30px; margin-right: 0; } } .vw-quote-align-none { float: none; max-width: none; } .vw-quote-cite { margin-top: 0.9em; font-size: 0.8em; font-style: italic; font-weight: normal; opacity: 0.75; display: block; } /* ----------------------------------------------------------------------------- * Tabs * -------------------------------------------------------------------------- */ .vw-tabs { margin: 30px 0; } .vw-tabs .vw-tab-title { cursor: pointer; color: #FFFFFF; margin: 0; text-decoration: none; font-size: 12px; background-color: #000000; } .vw-tabs .vw-tab-title i { float: left; margin-right: 5px; margin-top: -2px; } .vw-tabs .vw-tab-title i:before { text-align: left; display: inline; } .vw-tabs .vw-full-tab { margin-top: -1px; font-weight: bold; background-color: #000000; border-top: 2px solid #373737; padding: 10px 15px; } .vw-tabs .vw-full-tab.active { background-color: #464646; border-color: #464646; } .vw-tabs .vw-full-tab.active:hover { color: #FFFFFF; } .vw-tabs .vw-tab-content { display: none; padding: 15px 25px 15px 25px; background-color: #EEEEEE; } .vw-tabs.vw-style-top-tab .vw-tab-titles { border-bottom: 2px solid #464646; } .vw-tabs.vw-style-top-tab .vw-tab-titles .vw-tab-title { border: 1px solid transparent; padding: 10px 15px; float: left; display: inline-block; text-align: center; margin: 0 -1px 0 0; } .vw-tabs.vw-style-top-tab .vw-tab-titles .vw-tab-title.active { box-shadow: none; border-color: #464646; background-color: #464646; } /* ----------------------------------------------------------------------------- * Logo * -------------------------------------------------------------------------- */ .vw-logo-shortcode { margin-bottom: 30px; } /*============================================================================== 7.4 - Retina ==============================================================================*/ /* ----------------------------------------------------------------------------- * Retina Supports * -------------------------------------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .vw-logo-2x { display: inline; } .vw-logo-2x + .vw-logo { display: none; } } /*============================================================================== 7.5 - Other ==============================================================================*/ .vw-breaking-news-label { color: #FFFFFF; } .vw-breaking-news-label:after { border-top-color: #FFCC00; } .vw-page-description, .vw-menu-location-main, .main-menu-link { color: #FFFFFF; } .vw-breaking-news, .vw-post-navigation, .vw-related-posts-title, .vw-post-comments-title, .vw-post-style-block .vw-post-box-footer, .vw-bottom-bar-wrapper-inner, .vw-accordion .ui-accordion-header-active, .vw-menu-main-wrapper { border-color: #373737; } * + .comment, * + .pingback, .commentlist .children { border-top-color: #373737; } .vw-post-categories a { color: #FFFFFF; } .vw-post-navigation-previous:hover, .vw-post-navigation-next:hover { color: #000000; } .vw-about-author-section .vw-author-bio { color: rgba(255, 255, 255, 0.75); } .vw-top-bar, .vw-site-header, .vw-about-author-section { background-color: #000000; } .vw-social-counter { background-color: #0D0D0D; }