/* Theme Name: Respondo Customizer Theme URI: http://pro.respondotheme.com/ Author: Spark Logix Studios Author URI: http://www.sparklogix.com/ Description: A framework theme builder built for beautiful web development on all screen sizes (fully responsive). A full suite of theme options to control the overall layout and design of the site. Built for creative and custom developed websites. Version: 6.0.22SEP18 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blue, gray, green, white, dark, light, one-column, two-columns, left-sidebar, right-sidebar, fluid-layout, responsive-layout, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments, photoblogging */ /** Table of Contents 0.) Base CSS inclusion first --- to remove extra css files 1.) General Styling 2.) Navbar Styling 3.) PreHeader Styling 4.) Header Styling 5.) PreContent Styling 6.) PreFooter/Footer Styling 7.) PreHeader/Header/PreFooter/Footer Shadow Styling 8.) Breadcrumb Styling 9.) Blog Page Styling 10.) Single Post Styling 11.) Portfolio Styling ******REMOVED FROM THEME******* 12.) Sidebar Styling 13.) Widget Styling 14.) LayerSlider Styling 15.) Gravity Forms & Contact Form 7 Styling 16.) Author Archives Styling 17.) Comment Styling 18.) WooCommerce Styling 19.) WooThemes Sensei Integration 20.) LearnDash Integration 21.) Future Dokan Styling 22.) Respondo Shortcode Styling 23.) Responsive Styling **/ /*** 0. Base CSS inclusion first --- to remove extra css files ***/ .gradient { filter: none; } /* Font Awesome is using a CDN now. Look in the header.php file for it's inclusion */ /*prettify.css*/ .com { color: #93a1a1; } .lit { color: #195f91; } .pun, .opn, .clo { color: #93a1a1; } .fun { color: #dc322f; } .str, .atv { color: #D14; } .kwd, .prettyprint .tag { color: #1e347b; } .typ, .atn, .dec, .var { color: teal; } .pln { color: #48484c; } .prettyprint { padding: 8px; background-color: #f7f7f9; border: 1px solid #e1e1e8; } .prettyprint.linenums { -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; } /* Specify class=linenums on a pre to get line numbering */ ol.linenums { margin: 0 0 0 33px; /* IE indents via margin-left */ } ol.linenums li { padding-left: 12px; color: #bebec5; line-height: 20px; text-shadow: 0 1px 0 #fff; } /* Add additional stylesheets below -------------------------------------------------- */ /* Bootstrap's documentation styles Special styles for presenting Bootstrap's documentation and examples */ /* Body and structure -------------------------------------------------- */ body { position: relative; padding-top: 40px; } /* Code in headings */ h3 code { font-size: 14px; font-weight: normal; } /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ body > .navbar { font-size: 13px; } /* Change the docs' brand */ body > .navbar .brand { font-weight: bold; margin-left: 0; text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; } body > .navbar .brand:hover { text-decoration: none; text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4); } /* Sections -------------------------------------------------- */ /* padding for in-page bookmarks and fixed navbar */ section { padding-top: 30px; } section > .page-header, section > .lead { color: #5a5a5a; } section > ul li { margin-bottom: 5px; } /* Separators (hr) */ .bs-docs-separator { margin: 40px 0 39px; } /* Faded out hr */ hr.soften { height: 1px; margin: 70px 0; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); border: 0; } /* Jumbotrons -------------------------------------------------- */ /* Base class ------------------------- */ .jumbotron { position: relative; } .jumbotron-inner { position: relative; padding: 40px 0; color: #456087; text-align: center; text-shadow:none; } .jumbotron h1 { font-size: 38.5px; font-weight: bold; letter-spacing: -1px; line-height: 1; text-align:left; margin-left:0; } .jumbotron p { font-size: 14px; font-weight: 300; line-height: 20px; text-align:left; margin-left:0; } @media(min-width:980px){ .jumbotron h1 { font-size: 38.5px; text-align:left; margin-left:0; } .jumbotron p { text-align:left; margin-left:0; } } @media(max-width:979px){ .jumbotron h1 { font-size: 38.5px; text-align:left; margin-left:0; } .jumbotron p { text-align:left; margin-left:0; } } @media(max-width:767px){ .jumbotron h1 { font-size: 38.5px; text-align:left; margin-left:0; } .jumbotron p { text-align:left; margin-left:0; } } /* Link styles (used on .masthead-links as well) */ .jumbotron a { color: #fff; color: rgba(255,255,255,.5); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .jumbotron a:hover { color: #fff; text-decoration: none; } /* Download button */ .masthead .btn { padding: 19px 24px; font-size: 24px; font-weight: 200; color: #fff; /* redeclare to override the `.jumbotron a` */ border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); -webkit-transition: none; -moz-transition: none; transition: none; } .masthead .btn:hover { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); } .masthead .btn:active { -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); } /* Pattern overlay ------------------------- */ .jumbotron .container { position: relative; z-index: 2; } .jumbotron-inner:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .4; } @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) { .jumbotron:after { background-size: 150px 150px; } } /* Masthead (docs home) ------------------------- */ .masthead { padding: 70px 0 80px; margin-bottom: 0; color: #fff; } .masthead h1 { font-size: 120px; line-height: 1; letter-spacing: -2px; } .masthead p { font-size: 40px; font-weight: 200; line-height: 1.25; } /* Textual links in masthead */ .masthead-links { margin: 0; list-style: none; } .masthead-links li { display: inline; padding: 0 10px; color: rgba(255,255,255,.25); } /* Social proof buttons from GitHub & Twitter */ .bs-docs-social { padding: 15px 0; text-align: center; background-color: #f5f5f5; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; } /* Quick links on Home */ .bs-docs-social-buttons { margin-left: 0; margin-bottom: 0; padding-left: 0; list-style: none; } .bs-docs-social-buttons li { display: inline-block; padding: 5px 8px; line-height: 1; *display: inline; *zoom: 1; } /* Subhead (other pages) ------------------------- */ .subhead { text-align: left; border-bottom: 1px solid #ddd; } .subhead h1 { font-size: 60px; } .subhead p { margin-bottom: 20px; } .subhead .navbar { display: none; } /* Marketing section of Overview -------------------------------------------------- */ .marketing { text-align: center; color: #5a5a5a; } .marketing h1 { margin: 60px 0 10px; font-size: 60px; font-weight: 200; line-height: 1; letter-spacing: -1px; } .marketing h2 { font-weight: 200; margin-bottom: 5px; } .marketing p { font-size: 16px; line-height: 1.5; } .marketing .marketing-byline { margin-bottom: 40px; font-size: 20px; font-weight: 300; line-height: 1.25; color: #999; } .marketing-img { display: block; margin: 0 auto 30px; max-height: 145px; } /* Footer -------------------------------------------------- */ .footer { position: relative; } .prefooter-inner { text-align: center; padding: 30px 0; margin-top: 70px; border-top: 1px solid #e5e5e5; background-color: #f5f5f5; position: relative; } .footer p { margin-bottom: 0; color: #777; } .footer-links { margin: 10px 0; } .footer-links li { display: inline; padding: 0 2px; } .footer-links li:first-child { padding-left: 0; } /* Special grid styles -------------------------------------------------- */ .show-grid { margin-top: 10px; margin-bottom: 20px; } .show-grid [class*="span"] { background-color: #eee; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 40px; line-height: 40px; } .show-grid:hover [class*="span"] { background: #ddd; } .show-grid .show-grid { margin-top: 0; margin-bottom: 0; } .show-grid .show-grid [class*="span"] { margin-top: 5px; } .show-grid [class*="span"] [class*="span"] { background-color: #ccc; } .show-grid [class*="span"] [class*="span"] [class*="span"] { background-color: #999; } /* Mini layout previews -------------------------------------------------- */ .mini-layout { border: 1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075); box-shadow: 0 1px 2px rgba(0,0,0,.075); } .mini-layout, .mini-layout .mini-layout-body, .mini-layout.fluid .mini-layout-sidebar { height: 300px; } .mini-layout { margin-bottom: 20px; padding: 9px; } .mini-layout div { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mini-layout .mini-layout-body { background-color: #dceaf4; margin: 0 auto; width: 70%; } .mini-layout.fluid .mini-layout-sidebar, .mini-layout.fluid .mini-layout-header, .mini-layout.fluid .mini-layout-body { float: left; } .mini-layout.fluid .mini-layout-sidebar { background-color: #bbd8e9; width: 20%; } .mini-layout.fluid .mini-layout-body { width: 77.5%; margin-left: 2.5%; } /* Download page -------------------------------------------------- */ .download .page-header { margin-top: 36px; } .page-header .toggle-all { margin-top: 5px; } /* Space out h3s when following a section */ .download h3 { margin-bottom: 5px; } .download-builder input + h3, .download-builder .checkbox + h3 { margin-top: 9px; } /* Fields for variables */ .download-builder input[type=text] { margin-bottom: 9px; font-family: Menlo, Monaco, "Courier New", monospace; font-size: 12px; color: #d14; } .download-builder input[type=text]:focus { background-color: #fff; } /* Custom, larger checkbox labels */ .download .checkbox { padding: 6px 10px 6px 25px; font-size: 13px; line-height: 18px; color: #555; background-color: #f9f9f9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; } .download .checkbox:hover { color: #333; background-color: #f5f5f5; } .download .checkbox small { font-size: 12px; color: #777; } /* Variables section */ #variables label { margin-bottom: 0; } /* Giant download button */ .download-btn { margin: 36px 0 108px; } #download p, #download h4 { max-width: 50%; margin: 0 auto; color: #999; text-align: center; } #download h4 { margin-bottom: 0; } #download p { margin-bottom: 18px; } .download-btn .btn { display: block; width: auto; padding: 19px 24px; margin-bottom: 27px; font-size: 30px; line-height: 1; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /* Misc -------------------------------------------------- */ /* Make tables spaced out a bit more */ h2 + table, h3 + table, h4 + table, h2 + .row { margin-top: 5px; } /* Example sites showcase */ .example-sites { xmargin-left: 20px; } .example-sites img { max-width: 100%; margin: 0 auto; } .scrollspy-example { height: 200px; overflow: auto; position: relative; } /* Fake the :focus state to demo it */ .focused { border-color: rgba(82,168,236,.8); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); outline: 0; } /* For input sizes, make them display block */ .docs-input-sizes select, .docs-input-sizes input[type=text] { display: block; margin-bottom: 9px; } /* Icons ------------------------- */ .the-icons { margin-left: 0; list-style: none; } .the-icons li { float: left; width: 25%; line-height: 25px; } .the-icons i:hover { background-color: rgba(255,0,0,.25); } /* Example page ------------------------- */ .bootstrap-examples p { font-size: 13px; line-height: 18px; } .bootstrap-examples .thumbnail { margin-bottom: 9px; background-color: #fff; } /* Bootstrap code examples -------------------------------------------------- */ /* Base class */ .bs-docs-example { position: relative; margin: 15px 0; padding: 39px 19px 14px; *padding-top: 19px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* Echo out a label for the example */ .bs-docs-example:after { content: "Example"; position: absolute; top: -1px; left: -1px; padding: 3px 7px; font-size: 12px; font-weight: bold; background-color: #f5f5f5; border: 1px solid #ddd; color: #9da0a4; -webkit-border-radius: 4px 0 4px 0; -moz-border-radius: 4px 0 4px 0; border-radius: 4px 0 4px 0; } /* Remove spacing between an example and it's code */ .bs-docs-example + .prettyprint { margin-top: -20px; padding-top: 15px; } /* Tweak examples ------------------------- */ .bs-docs-example > p:last-child { margin-bottom: 0; } .bs-docs-example .table, .bs-docs-example .progress, .bs-docs-example .well, .bs-docs-example .alert, .bs-docs-example .hero-unit, .bs-docs-example .pagination, .bs-docs-example .navbar, .bs-docs-example > .nav, .bs-docs-example blockquote { margin-bottom: 5px; } .bs-docs-example .pagination { margin-top: 0; } .bs-navbar-top-example, .bs-navbar-bottom-example { z-index: 1; padding: 0; height: 90px; overflow: hidden; /* cut the drop shadows off */ } .bs-navbar-top-example .navbar-fixed-top, .bs-navbar-bottom-example .navbar-fixed-bottom { margin-left: 0; margin-right: 0; } .bs-navbar-top-example { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .bs-navbar-top-example:after { top: auto; bottom: -1px; -webkit-border-radius: 0 4px 0 4px; -moz-border-radius: 0 4px 0 4px; border-radius: 0 4px 0 4px; } .bs-navbar-bottom-example { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .bs-navbar-bottom-example .navbar { margin-bottom: 0; } form.bs-docs-example { padding-bottom: 19px; } /* Images */ .bs-docs-example-images img { margin: 10px; display: inline-block; } /* Tooltips */ .bs-docs-tooltip-examples { text-align: center; margin: 0 0 10px; list-style: none; } .bs-docs-tooltip-examples li { display: inline; padding: 0 10px; } /* Popovers */ .bs-docs-example-popover { padding-bottom: 24px; background-color: #f9f9f9; } .bs-docs-example-popover .popover { position: relative; display: block; float: left; width: 260px; margin: 20px; } /* Dropdowns */ .bs-docs-example-submenus { min-height: 180px; } .bs-docs-example-submenus > .pull-left + .pull-left { margin-left: 20px; } .bs-docs-example-submenus .dropup > .dropdown-menu, .bs-docs-example-submenus .dropdown > .dropdown-menu { display: block; position: static; margin-bottom: 5px; *width: 180px; } /* Responsive docs -------------------------------------------------- */ /* Utility classes table ------------------------- */ .responsive-utilities th small { display: block; font-weight: normal; color: #999; } .responsive-utilities tbody th { font-weight: normal; } .responsive-utilities td { text-align: center; } .responsive-utilities td.is-visible { color: #468847; background-color: #dff0d8 !important; } .responsive-utilities td.is-hidden { color: #ccc; background-color: #f9f9f9 !important; } /* Responsive tests ------------------------- */ .responsive-utilities-test { margin-top: 5px; margin-left: 0; list-style: none; overflow: hidden; /* clear floats */ } .responsive-utilities-test li { position: relative; float: left; width: 25%; height: 43px; font-size: 14px; font-weight: bold; line-height: 43px; color: #999; text-align: center; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .responsive-utilities-test li + li { margin-left: 10px; } .responsive-utilities-test span { position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .responsive-utilities-test span { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; } /* Sidenav for Docs -------------------------------------------------- */ .bs-docs-sidenav { width: 228px; margin: 30px 0 0; padding: 0; background-color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); box-shadow: 0 1px 4px rgba(0,0,0,.065); } .bs-docs-sidenav > li > a { display: block; width: 190px \9; margin: 0 0 -1px; padding: 8px 14px; border: 1px solid #e5e5e5; } .bs-docs-sidenav > li:first-child > a { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .bs-docs-sidenav > li:last-child > a { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .bs-docs-sidenav > .active > a { position: relative; z-index: 2; padding: 9px 15px; border: 0; text-shadow: 0 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); } /* Chevrons */ .bs-docs-sidenav .icon-chevron-right { float: right; margin-top: 7px; margin-right: -6px; opacity: .25; } .bs-docs-sidenav > li > a:hover { background-color: #f5f5f5; } .bs-docs-sidenav a:hover .icon-chevron-right { opacity: .5; } .bs-docs-sidenav .active .icon-chevron-right, .bs-docs-sidenav .active a:hover .icon-chevron-right { background-image: url(../img/glyphicons-halflings-white.png); opacity: 1; } .bs-docs-sidenav.affix { top: 40px; } .bs-docs-sidenav.affix-bottom { position: absolute; top: auto; bottom: 270px; } /* Responsive -------------------------------------------------- */ /* Desktop large ------------------------- */ @media screen and (min-width: 1200px) { .bs-docs-container { max-width: 970px; } .bs-docs-sidenav { width: 258px; } .bs-docs-sidenav > li > a { width: 230px \9; /* Override the previous IE8-9 hack */ } } /* Desktop ------------------------- */ @media screen and (max-width: 980px) { /* Unfloat brand */ body > .navbar-fixed-top .brand { float: left; margin-left: 0; padding-left: 10px; padding-right: 10px; } /* Inline-block quick links for more spacing */ .quick-links li { display: inline-block; margin: 5px; } /* When affixed, space properly */ .bs-docs-sidenav { top: 0; width: 218px; margin-top: 30px; margin-right: 0; } } /* Tablet to desktop ------------------------- */ @media screen and (min-width: 768px) and (max-width: 979px) { /* Remove any padding from the body */ body { padding-top: 0; } /* Widen masthead and social buttons to fill body padding */ .jumbotron { /*margin-top: -20px; /* Offset bottom margin on .navbar */ } /* Adjust sidenav width */ .bs-docs-sidenav { width: 166px; margin-top: 20px; } .bs-docs-sidenav.affix { top: 0; } } /* Tablet ------------------------- */ @media screen and (max-width: 767px) { /* Remove any padding from the body */ body { padding-top: 0; } /* Widen masthead and social buttons to fill body padding */ .jumbotron { margin-right: -20px; margin-left: -20px; } .jumbotron-inner { padding: 40px 20px; /* margin-top: -20px; /* Offset bottom margin on .navbar */ margin-right: 0px; margin-left: 0px; } .masthead h1 { font-size: 90px; } .masthead p, .masthead .btn { font-size: 24px; } .marketing .span4 { margin-bottom: 40px; } .bs-docs-social { margin: 0 -20px; } /* Space out the show-grid examples */ .show-grid [class*="span"] { margin-bottom: 5px; } /* Sidenav */ .bs-docs-sidenav { width: auto; margin-bottom: 20px; } .bs-docs-sidenav.affix { position: static; width: auto; top: 0; } #prefooter { margin-left: -20px; margin-right: -20px; } /* Unfloat the back to top link in footer */ .prefooter-inner{ padding-left: 20px; padding-right: 20px; } .footer p { margin-bottom: 9px; } } /* Landscape phones ------------------------- */ @media screen and (max-width: 480px) { /* Remove padding above jumbotron */ body { padding-top: 0; } /* Change up some type stuff */ h2 small { display: block; } /* Downsize the jumbotrons */ .jumbotron h1 { font-size: 45px; } .jumbotron .btn { font-size: 14px; } .jumbotron .btn { display: block; margin: 0 auto; } /* center align subhead text like the masthead */ .subhead h1, .subhead p { text-align: center; } /* Marketing on home */ .marketing h1 { font-size: 30px; } .marketing-byline { font-size: 18px; } /* center example sites */ .example-sites { margin-left: 0; } .example-sites > li { float: none; display: block; max-width: 280px; margin: 0 auto 18px; text-align: center; } .example-sites .thumbnail > img { max-width: 270px; } /* Do our best to make tables work in narrow viewports */ table code { white-space: normal; word-wrap: break-word; word-break: break-all; } /* Examples: dropdowns */ .bs-docs-example-submenus > .pull-left { float: none; clear: both; } .bs-docs-example-submenus > .pull-left, .bs-docs-example-submenus > .pull-left + .pull-left { margin-left: 0; } .bs-docs-example-submenus p { margin-bottom: 0; } .bs-docs-example-submenus .dropup > .dropdown-menu, .bs-docs-example-submenus .dropdown > .dropdown-menu { margin-bottom: 10px; float: none; max-width: 180px; } /* Examples: modal */ .modal-example .modal { position: relative; top: auto; right: auto; bottom: auto; left: auto; } /* Tighten up footer */ .prefooter-inner{ padding-top: 20px; padding-bottom: 20px; } } /*** End base css file contents ***/ /**** TESTING BOOTSTRAP SIDEBAR FIXED STYLING ****/ .widget-wrap.affix-bottom { position: absolute !important; top: auto !important; bottom: 41px; } .bs-docs-sidebar.span3 .widget-wrap.stay { width: 220px; } .ls-container { visibility: hidden; z-index:1; } /**** 1. GENERAL STYLING ****/ html { -webkit-font-smoothing: antialiased; height: 100%; } body { display: flex; flex-direction: column; height: 100vh; padding-top: 0px; color: #485E80; /*overflow-x: hidden;*/ } body #main-content:after { /*background: #f0f0f0 url('img/default_bg.png') left top repeat scroll;*/ background:#E4EEF2; } a:focus, .btn:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: none; } .meta-post { color: #485E80; } a, .meta-post a { color: #0e997d; } a:hover,.meta-post a:hover { color: #11bd9b; } p { margin:15px 0; } .lead { font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight:300; } h1, h2, h3, h4, h5, h6 { color:#485f80; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight: 700; } .h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, .h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color:#0e997d; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#0e997d; text-decoration:none; } h1 { font-size:60px; line-height:66px; } h2 { font-size:38px; line-height:44px; } h3 { font-size: 24.5px; line-height: 30px; } img.alignright, .alignright { float:right; margin:0 0 10px 15px; display:block; } img.alignleft, .alignleft { float:left; margin:0 15px 10px 0; display:block; } img.aligncenter, .div-center img, .aligncenter { margin:0 auto 10px; width:auto; display:block; } img.alignnone, .alignnone { float:none; margin:0 15px 10px 0; display:block; } .img-circle { -webkit-border-radius: 500px !important; -moz-border-radius: 500px !important; border-radius: 500px !important; } #main-content { padding-bottom: 70px; position: relative; flex: 1 0 auto; } #main-content:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; display: block; z-index: -2; } #pre-header, .jumbotron , #prefooter, footer {flex-shrink: 0;} .post-excerpt li, body.page .entry li { font-size: 17px; line-height: 24px; margin-bottom: 10px; } .sticky {} .gallery-caption {} .bypostauthor {} /*Chrome v33 Webfont Fix*/ body, h1, h2, h3, h4, h5, h6, #pre-header #preheader-nav .nav > li > a, #header-menu .nav > .menu-item > a { -webkit-animation-duration: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.1s; } @-webkit-keyframes fontfix{ from{ opacity: 1; } to{ opacity: 1; } } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {font-size: 16px !important;} /**** 2. NAVBAR STYLING ****/ .navbar .brand { float: right; } .navbar .brand.pull-left { float: left; } .navbar-inner .cart-wrap { display: block; height: 41px; margin: 0 5px; position: relative; } .navbar-inner .search-bar { display: block; height: 41px; } .navbar-inner .search-bar [class^="icon-"], .navbar-inner .search-bar [class*=" icon-"], .navbar-inner .social [class^="icon-"], .navbar-inner .social [class*=" icon-"] { font-size: 18px !important; line-height: 40px; margin: 0 10px; } .navbar-inner .search-bar a:hover { color:#666666; text-decoration:none; } .navbar-inner .search-bar [class^="icon-"], .navbar-inner .search-bar [class*=" icon-"], .navbar-inner .social [class^="icon-"], .navbar-inner .social [class*=" icon-"] { font-size: 18px; } .navbar-inner .search-bar a, .navbar-innder .social a { color: #fff; } .navbar-inner .search-bar a:hover, .navbar-innder .social a:hover { color: #F2D03B; } .navbar-inner .logo { padding: 0; margin: 5px; min-height: 30px; } .navbar-inner .logo img{ max-height: 30px; } .navbar-inner .social { display: block; height: 41px; } .navbar-inner .social [class^="icon-"], .navbar-inner .social [class*=" icon-"], .navbar-inner .social i { font-size: 18px; line-height: 41px; margin: 0 10px; } .navbar-inner .social a { color:#333333; } .navbar-inner .social a:hover { color:#666666; text-decoration:none; } .nav, ul.menu, .widget_categories ul li { list-style: none outside none; } /**** 3. PREHEADER STYLING ****/ /* Mobile-Only Header */ @media screen and (min-width: 1025px) { #mobile-header {display: none;} } @media screen and (max-width: 1024px) { #pre-header, #pre-header.hidden-phone, .jumbotron, #headmenu-bar {display: none !important;} } #mobile-header .navbar-inner { background-color: #efefef; background-image: none; box-shadow: none; } #mobile-header .navbar-inner .logo img { max-height: 44px; width: auto; } #mobile-header .navbar-inner .logo { margin: 15px 0 15px 0; min-height: 44px; padding: 0; } #mobile-header .navbar-inner .btn.btn-navbar { background: transparent none repeat scroll 0 0; border: medium none !important; margin: 20px 0; padding: 0 !important; } #mobile-header.navbar .btn-navbar .icon-bar { background-color: #000000; border-radius: 20px; height: 4px; margin: 5px 0; width: 35px; } #mobile-header #mobile-nav ul.nav {margin: 0 0 20px;} #mobile-header .navbar-inner li.mobile-preheader-search {margin: 15px 0;} #mobile-header .navbar-inner li.mobile-preheader-search form { background: #fff none repeat scroll 0 0; margin: 0; position: relative; } #mobile-header .navbar-inner li.mobile-preheader-search form input { background-color: transparent !important; border: medium none; margin: 0 !important; padding: 15px 5% 15px 2%; width: 93%; } #mobile-header .navbar-inner li.mobile-preheader-search form button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; float: right; font-size: 20px; margin: 14px 0; padding: 0 1% 0 0; position: absolute; right: 0; text-align: right; width: auto; } /*#mobile-header #mobile-nav ul.nav li a:not(.mobile_btn-preheader) { text-align: center; font-size: 20px !important; line-height: 20px !important; padding: 10px 15px !important; }*/ #mobile-header #mobile-nav ul.nav li a:hover:not(.mobile_btn-preheader) {background-color: rgba(0,0,0,0.05);} #mobile-header a.mobile_btn-preheader { display: block; margin: 10px 0 0; padding: 11px 19px; text-align: center; } #mobile-header #mobile-nav ul.nav li a:not(.mobile_btn-preheader) { text-align: left; padding: 15px !important; } #mobile-header #mobile-nav ul.nav li.menu-item:first-child a { border-top: none; } #mobile-header #mobile-nav ul.nav li ul li a:not(.mobile_btn-preheader) { font-size: 14px !important; line-height: 1em !important; padding-left: 25px !important; } #mobile-header .sub-menu.drop-menu .dropdown-submenu a .caret { float: none; margin-top: 7px !important; } /* Non-Mobile PreHeader */ #preheader-search { height: 41px; width: 0; opacity: 0; overflow: hidden; } #pre-header { color: #ffffff; } #pre-header .navbar-inner { background-color: #2A2E49; background-image: none; background-repeat: repeat-x; border-bottom: 1px solid #2A2E49; min-height: 40px; position: relative; } #pre-header.navbar .navbar-text { width: 100%; text-align: center; margin: 0; color: #ffffff; } #pre-header .navbar-text>a { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; } #pre-header .navbar-text>a, #pre-header .navbar-text>a:hover{ text-decoration: none; } #pre-header button.close { position: absolute; right: 10px; top: 0; line-height: 40px; font-size: 14px; margin: 0; opacity: 1; text-shadow:none; } #pre-header button.close i.icon-remove { color: #ffffff; text-shadow:none; } #pre-header button.close:hover i.icon-remove { color: #1ABC9C; } #pre-header.navbar .btn-navbar .icon-bar { background-color: #2A2E49; } #pre-header.navbar .nav > .menu-item:hover > a { background-color: transparent; background-image: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 0 none; color: #1ABC9C; } #pre-header.navbar .nav > .menu-item > a { color: #ffffff; } #pre-header.navbar .social a { color: #ffffff; } #pre-header.navbar .search-bar a { color: #ffffff; } #pre-header.navbar .cart-parent { color: #ffffff; padding: 7px 10px !important;} #pre-header.navbar .brand { color: #ffffff; } #pre-header.navbar .navbar-text a{ color: #ffffff; } #pre-header.navbar .nav > li:hover > a{ color: #1ABC9C; background-color: transparent; } #pre-header.navbar .social a:hover { color: #1ABC9C; } #pre-header.navbar .search-bar a:hover { color: #1ABC9C; } #pre-header.navbar .open>.cart-parent { color: #1ABC9C; } #pre-header.navbar .cart-parent:hover { color: #1ABC9C; } #pre-header.navbar .brand:hover { color: #1ABC9C; } #pre-header.navbar .navbar-text a:hover{ color: #1ABC9C; } #pre-header.navbar .nav > .active > a { background-color: transparent; background-image: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 0 none; text-shadow:none; /*color: #fff;*/ } #pre-header.navbar .nav li.dropdown-item > .dropdown-link .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } #pre-header.navbar .nav li.dropdown-item:hover > .dropdown-link .caret { border-top-color: #1ABC9C; border-bottom-color: #1ABC9C; } #pre-header .navbar-inner .social, #pre-header .navbar-inner .cart-wrap, #pre-header .navbar-inner .search-bar, #preheader-search { height: 40px; } #pre-header .navbar-inner .social [class^="icon-"], #pre-header .navbar-inner .social [class*=" icon-"], #pre-header .navbar-inner .search-bar [class^="icon-"], #pre-header .navbar-inner .search-bar [class*=" icon-"] { line-height: 40px; } #pre-header .navbar-inner #preheader-search .search-field { margin-top: 5px; margin-bottom: 5px; border-width:1px; padding:5px 6px 4px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #pre-header .navbar-inner .cart-wrap .cart-parent { margin-top: 5px; margin-bottom: 5px; } #pre-header .navbar-inner .btn.btn-navbar { margin-top: 5px; margin-bottom: 5px; padding:7px 10px; } #pre-header.navbar .cart-parent { padding:6px 10px !important; } #pre-header:before { max-height: 40px; } #pre-header .woocart li { color:#ffffff; } #pre-header.navbar .cart-parent span.amount { color:#ffffff; } #pre-header ul#menu-preheader li {margin-bottom: 0;} #pre-header .btn.mobile_btn-preheader, #pre-header .navbar-inner li.mobile-preheader-search { display: none; } @media screen and (max-width: 1024px) { #pre-header.navbar .navbar-inner .alt_preheader-nav #preheader-nav { background: #1abc9c; } #pre-header .alt_preheader-nav #preheader-nav ul.nav li a { font-size: 20px; line-height: 20px; padding: 14px 0 !important; } #pre-header .navbar-inner li.mobile-preheader-search form { background: #fff none repeat scroll 0 0; } #pre-header .navbar-inner li.mobile-preheader-search form button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; float: right; font-size: 20px; margin: 14px 0; padding: 0 1% 0 0; position: absolute; right: 0; text-align: right; width: auto; } #pre-header .navbar-inner li.mobile-preheader-search { margin: 15px 0; } #pre-header .navbar-inner li.mobile-preheader-search form {margin: 0;} #pre-header .navbar-inner li.mobile-preheader-search form input { border: medium none; margin: 0 !important; padding: 15px 5% 15px 2%; width: 93%; } #pre-header .navbar-inner li.mobile-preheader-search form input:focus {box-shadow: none;} #pre-header .btn.mobile_btn-preheader, #pre-header .navbar-inner li.mobile-preheader-search { display: block; } #pre-header .btn.btn-preheader, #pre-header .navbar-inner .search-bar, #preheader-search { display: none; } } /**** 4. HEADER STYLING ****/ #header-search { margin-bottom: 0; } #header-search.pull-right { clear: right; } #header-search.pull-left { clear: left; } .tagline-wrap { display: block; padding: 0; font-size: 20px; font-weight: bold; color: #456087; text-shadow: none; } .tagline-wrap.above-menu { margin-bottom: 20px; } .tagline-wrap.below-menu { margin-top: 20px; } .tagline-wrap.pull-right { text-align: right; margin-right: 43px; clear: right; } .tagline-wrap.pull-left { text-align: left; margin-left: 5px; clear: left; } form#header-search input[type="text"] {width: 430px;} /* Full Width Menu, Logo Left - Responsive Layout Mods */ @media screen and (max-width: 979px) and (min-width: 550px) { #block-logo.pull-left, #site-logo.pull-left, #block-logo.pull-left #site-logo {float: left; margin: 0 0 0 20px; text-align: left; width: 50% !important;} #header-search {float: right; width: 45%;} form#header-search input[type="text"] {width: 280px;} #header-search.over-logo-mobile {margin-bottom: 0; margin-top: 10px;} .tagline-wrap.pull-right, .tagline-wrap.pull-left {clear: right; float: right; width: auto;} .tagline-wrap.pull-right {margin-right: 25px;} } @media screen and (max-width: 767px) and (min-width: 550px) { form#header-search input[type="text"] {margin-bottom: 0 !important; width: 90%;} .jumbotron #header-search .btn {padding-bottom: 0;} .tagline-wrap.pull-right {font-size: 12px; margin-right: 30px;} } @media screen and (max-width: 600px) and (min-width: 550px) { .tagline-wrap.pull-right {font-size: 11px; margin-right: 30px;} } @media screen and (max-width: 550px) { #header-search.over-logo-mobile {margin-bottom: 0; margin-top: 15px;} form#header-search {width: 100%;} form#header-search input[type="text"] {width: 93%;} .tagline-wrap.pull-right {font-size: 14px; margin-right: 0;} .tagline-wrap.pull-right, .tagline-wrap.pull-left {clear: both; float: none; text-align: center; width: 100%;} } #header-menu, .drop-menu .menu-item > a { font-size:16px; } #header-menu li {margin-bottom: 0;} #header-menu, #header-menu .nav { margin-bottom: 0; margin-top: 0; color: #cce1ff; } .navbar-inner { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #header-menu.navbar-inner { background-color: #ffffff; background-image: none; background-repeat: repeat-x; border: 1px solid #ffffff; } #header-menu .woocart li { color: #cce1ff; } #header-menu .cart-parent { color: #e2e5f0; } #header-menu .open > .cart-parent, #header-menu .cart-parent:hover { color: #1ABC9C; } #header-menu .btn-navbar { color: #e2e5f0; text-shadow: none; } #header-menu.navbar-inner .btn-navbar > a {color: #ffffff;} #header-menu>ul { margin: 0; } #header-menu .dropdown-menu { text-align: left; } .jumbotron #header-menu.navbar-inner .res-pill .btn-navbar { background-color: #1ABC9C; border: 1px solid #1ABC9C; background-image: none; background-repeat: repeat-x; } #header-menu.navbar-inner .res-pill .btn-navbar > a {color: #ffffff; text-shadow: none; font-size: 16px;} #header-menu.navbar-inner .res-pill .btn-navbar > a > .caret { border-top-color: #ffffff; } .jumbotron #header-menu.navbar-inner .res-pill .btn-navbar:hover { background-color: #4FCFB5; border: 1px solid #4FCFB5; background-image: none; background-repeat: repeat-x; background-position: 0 0; } #header-menu.navbar-inner .res-pill .btn-navbar:hover > a, #header-menu.navbar-inner .res-pill .btn-navbar.open > a { background-color: #4FCFB5; transition:none;} #header-menu.navbar-inner .res-pill .btn-navbar:hover > a > .caret, #header-menu.navbar-inner .res-pill .btn-navbar.open > a > .caret { border-top-color: #ffffff; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .jumbotron #header-menu.navbar-inner .res-pill .btn-navbar.active, .jumbotron #header-menu.navbar-inner .res-pill .btn-navbar.open { background-color: #4FCFB5; border-color: #4FCFB5; background-image: none; background-repeat: repeat-x; } #header-menu.navbar-inner .res-pill .btn-navbar.active { background-color: transparent; } #header-menu.navbar-inner .res-pill .btn-navbar.active > a { color: #fff; } #header-menu.navbar-inner .res-pill .btn-navbar.active > a > .caret { border-top-color: #fff; } #header-menu .nav-pills>.menu-item { display: inline; position: relative; } #header-menu .nav>.menu-item>a { text-shadow: none; } #header-menu .nav-pills>.menu-item>a { border-width: 1px; border-style: solid; border-color: transparent; background-color: transparent; padding-top: 0px; padding-bottom: 0px; padding-right: 10px; padding-left: 10px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; line-height: 30px; color: #456087; height: 30px; display: inline; float: left; } #header-menu .nav.nav-pills li.dropdown-item > .dropdown-link .caret, #headmenu-bar #header-menu .nav li.dropdown-item > .dropdown-link .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #456087; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; margin-top: 13px; -webkit-transition: border-color .2s ease-in-out; -moz-transition: border-color .2s ease-in-out; transition: border-color .2s ease-in-out; margin-left: 2px; } #preheader-nav .nav li.dropdown-item > .dropdown-link .caret { display: inline-block; width: 0; height: 0; vertical-align: top; /*border-top: 4px solid #456087; border-right: 4px solid transparent; border-left: 4px solid transparent;*/ content: ""; margin-top: 6px; -webkit-transition: border-color .2s ease-in-out; -moz-transition: border-color .2s ease-in-out; transition: border-color .2s ease-in-out; margin-left: 5px; } #header-menu .nav .divider-vertical { margin: 0 1px; border-left: 0 none; } #header-menu .nav .divider-icon { padding: 6px 0; text-shadow: none; color:#ffffff; } #header-menu .nav .divider-icon [class^="icon-"], #header-menu .nav .divider-icon [class*=" icon-"] { margin-top: 0; margin-bottom: 0; } #header-menu .nav.nav-pills>.menu-item:hover>a, #header-menu .nav.nav-pills .menu-item.open > a { color: #1ABC9C; } #header-menu .nav.nav-pills li.dropdown-item:hover>.dropdown-link .caret, #header-menu .nav.nav-pills li.dropdown-item.active:hover>.dropdown-link .caret { border-top-color: #1ABC9C; } /*#header-menu .nav.nav-pills .menu-item.active a { color: #F2D03B; }*/ #header-menu .nav.nav-pills .menu-item.active a ul.sub-menu li a { background-color: transparent; } #header-menu .nav.nav-pills li.dropdown-item.active>.dropdown-link .caret { border-top-color: #456087; } #header-menu .btn-group>.btn { padding: 0; background-color: #1ABC9C; border: 1px solid #4FCFB5; background-image: none; background-repeat: repeat-x; } #header-menu .btn-group>.btn>a { padding: 4px 12px; display: block; color: #ffffff; text-shadow: none; } #header-menu .btn-group .btn>a .caret { border-top-color: #ffffff; } #header-menu .btn-group>.btn.btn-large>a { padding: 11px 19px !important; } #header-menu .btn-group>.btn.dropdown-item>.drop-menu { left: -1px; top: 101.8%; } #header-menu .btn-group>.btn.dropdown>.dropdown-menu li { text-shadow: none; } #header-menu .btn-group .btn:hover, #header-menu .btn-group .btn.active:hover, #header-menu .btn-group .btn.open { background-color: #4FCFB5; border: 1px solid #4FCFB5; background-image: none; background-repeat: repeat-x; background-position: 0 0; transition:none; } #header-menu .btn-group>.btn>a:hover { text-decoration: none; } #header-menu .btn-group .btn:hover>a, #header-menu .btn-group .btn.active:hover>a, #header-menu .btn-group .btn.open>a { color: #ffffff; } #header-menu .btn-group .btn:hover>a .caret, #header-menu .btn-group .btn.active:hover>a .caret, #header-menu .btn-group .btn.open>a .caret { border-top-color: #ffffff; } #header-menu .btn-group .btn.active { background-color: #1ABC9C; border-color: #4FCFB5; background-image: none; background-repeat: repeat-x; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #header-menu .btn-group .btn.active>a{ color: #ffffff;} #header-menu .btn-group .btn.active>a .caret { border-top-color: #fff; } #header-menu.base-nav .nav { display: block; } #header-menu.base-nav .nav .menu-item { display: block; float: left; padding-right: 10px; background: transparent none!important; } #header-menu.base-nav .nav .menu-item a { border: 0 none!important; } #header-menu.base-nav.pull-right .nav { float: right; } #header-menu.base-nav.pull-left .nav { float: left; } #header-menu.base-nav .nav .menu-item a:hover { background: transparent none!important; } #header-menu.base-nav .nav .menu-item.active a{ background: transparent none!important; } #headmenu-bar .navbar-inner { background-color: #1ABC9C; background-image: none; background-repeat: repeat-x; border-bottom: none; min-height: 37px; filter:none; z-index:999; position:relative; } #headmenu-bar .navbar-inner>.container { position: relative; z-index: 1; } #headmenu-bar #header-menu .nav > .menu-item > a {color: #ffffff; } #headmenu-bar .btn-navbar .icon-bar { background-color: #ffffff; } #headmenu-bar .cart-wrap .btn-navbar {color: #ffffff;} #headmenu-bar #header-menu .nav li.dropdown-item > .dropdown-link .caret { border-bottom-color: #ffffff; border-top-color: #ffffff; } #headmenu-bar #header-menu.nav-collapse .nav > .menu-item:hover > a { color: #ffffff; background-color: #4FCFB5; background-image: none; } #headmenu-bar .cart-wrap .btn-navbar:hover, #headmenu-bar .cart-wrap.open>.btn-navbar { color: #1ABC9C; } #headmenu-bar #header-menu .nav li.dropdown-item:hover > .dropdown-link .caret { border-bottom-color: #ffffff; border-top-color: #ffffff; } #headmenu-bar #header-menu .nav .menu-item.active>a { color: #ffffff; background-color: #4FCFB5; } #headmenu-bar .navbar-inner .cart-wrap { height: 40px; } #headmenu-bar #header-menu .nav li.dropdown-item.active > .dropdown-link .caret { border-bottom-color: #ffffff; border-top-color: #ffffff; } #headmenu-bar .navbar-inner .cart-wrap .cart-parent { margin-top: 5px; margin-bottom: 5px; } #headmenu-bar .navbar-inner .btn.btn-navbar { margin-top: 5px; margin-bottom: 5px; border:none; box-shadow:none; -moz-box-shadow:none; -webkbox-shadow:none; } #headmenu-bar:before { max-height: 40px; } #headmenu-bar #header-menu .nav .divider-icon { padding: 10px 0; } .search-no-results #searchform #s { margin-bottom: 0; } #headmenu-bar.navbar .cart-parent span.amount { color:#ffffff; } .jumbotron { position:relative; z-index: 5; } .jumbotron-inner { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding: 20px 0; background-color: #fafafa; background-image: none; background-repeat: repeat-x; border-bottom: 1px solid #fafafa; } .jumbotron.minimal .jumbotron-inner, .jumbotron.curved .jumbotron-inner { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .jumbotron-inner:after { background: none; } .jumbotron.header-fixed { position: fixed; right:0; left: 0; top: 0; z-index: 100; } .jumbotron.has-preheader, #main-content.has-preheader { /*margin-top: 40px;*/ } .jumbotron.header-fixed.has-preheader { top: 41px; margin-top:0; } body.admin-bar .jumbotron.header-fixed.has-preheader { margin-top: 0; } .jumbotron #header-search .btn { background: none; padding: 4px 12px 0; margin-top: 0px; font-size: 14px; line-height: 33px; color: #777; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; display:inline-block!important; } .jumbotron #header-search .btn .icon-search { color: #1ABC9C; font-size: 21px; } .jumbotron .navbar-inner .btn { padding: 8px 10px 6px; font-size: 14px; color: #777; } .jumbotron .navbar-inner .cart-parent.btn { margin-top: 5px; display: block; font-size: 12px; line-height: 13px; } .jumbotron:after { background: none; } #block-menu.navbar .navbar-inner .res-pill { position: relative; z-index: 1; } #block-menu.navbar.pull-right .navbar-inner { float: right; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; padding-top: 5px; } #block-menu.navbar.pull-left .navbar-inner { float: left; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; padding-top: 5px; } .navbar .btn-navbar { background: none repeat scroll 0 0 #1ABC9C; border-color: #66D4BE; min-height: 13px; margin-top: 6px; margin-bottom: 6px; } .navbar .btn-navbar:hover { background: #0aa485; border-color: #0aa485; cursor: pointer; } .navbar .btn-navbar.active { background-color: transparent; } #header-menu.navbar-inner .btn-navbar { border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); } #header-menu.navbar-inner .btn-navbar:hover>a { text-decoration: none; } #header-menu.navbar-inner .btn-navbar>a>.caret { border-top: 4px solid #777; } #header-menu.navbar-inner .btn-navbar { display: block; float: left; padding: 0; } #header-menu.navbar-inner .btn-navbar>a { padding: 4px 8px; display: block; } .jumbotron .navbar-inner .btn-navbar { box-shadow:none; -moz-box-shadow:none; -webkbox-shadow:none; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; } #header-menu.navbar-inner .btn-navbar>a { color: #777; } .jumbotron.bare .center h1, .jumbotron.bare .center p{ text-align: center; } .jumbotron.bare .right h1, .jumbotron.bare .right p{ text-align: right; } .jumbotron.bare .left h1, .jumbotron.bare .left p{ text-align: left; } #headmenu-bar.curved, #headmenu-bar.minimal { position: relative; } #pre-header:before, .jumbotron:before, #headmenu-bar:before { z-index: 0; position: absolute; content: ""; max-height: 40px; opacity: 1.0; background: none; display: block; } .jumbotron:before { max-height: 200px; height: auto; } /* phone-only navbar on header */ .jumbotron .visible-phone.visible-tablet .navbar { margin: 20px 0 0; } .jumbotron .visible-phone.visible-tablet .navbar-inner { min-height: 1px; padding: 0; margin:0; background-color: #1ABC9C; background-image: none; background-repeat: repeat-x; border: 0px solid #616975; box-shadow: none; border-radius: 0; } .jumbotron .visible-phone.visible-tablet .navbar-inner .cart-wrap { height: auto; } .jumbotron .visible-phone.visible-tablet .nav { text-align: left; } .jumbotron .visible-phone.visible-tablet .nav-collapse .nav > .menu-item > a { color: #ffffff; text-shadow: none; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { border-radius:0; margin-bottom: 0; font-weight:normal; } .jumbotron .visible-phone.visible-tablet .navbar-inner .btn-navbar { color: #ffffff; border:none; } .jumbotron .visible-phone.visible-tablet .navbar-inner .btn-navbar .icon-bar { background-color: #2A2E49; } .navbar .btn-navbar .icon-bar { box-shadow:none; -moz-box-shadow:none; -webkbox-shadow:none; } .jumbotron .visible-phone.visible-tablet .nav-collapse .nav > .menu-item:hover > a, .jumbotron .visible-phone.visible-tablet .nav-collapse .drop-menu > .menu-item:hover > a { background-color: #4FCFB5; background-image: none; background-repeat: repeat-x; background-position: 0 0; color: #ffffff; } .jumbotron .visible-phone.visible-tablet .nav-collapse .menu-item.dropdown-item:hover > a >.caret { border-top-color: #ffffff; } .jumbotron .visible-phone.visible-tablet .navbar-inner .btn-navbar:hover {background-color: #1ABC9C;} .jumbotron .visible-phone.visible-tablet .navbar-inner .cart-wrap.open>.btn-navbar {background-color: #F2D03B;} .jumbotron .visible-phone.visible-tablet .nav-collapse .nav .menu-item.active>a, .jumbotron .visible-phone.visible-tablet .nav-collapse .drop-menu .menu-item.active>a { color: #ffffff; background-color: #4FCFB5; } .jumbotron .visible-phone.visible-tablet .nav-collapse .menu-item.active>a>.caret { border-top-color: #1ABC9C; } #head-menu.mobile { padding: 0 5px; } /* WooCommerce in Header */ .jumbotron .woocart li { text-shadow: none; color: #777; } .cart-wrap .btn-navbar { display: block; font-size: 13px; line-height: 13px; margin-left: 0; margin-right: 0; } #headmenu-bar .cart-wrap .btn-navbar { color: #777; } .woocart li h3.woocart-title { padding: 3px 20px; white-space: nowrap; font-size: 18px; line-height: 20px; color: #ffffff; } .woocart li h3.woocart-title:hover { color: #ffffff; } .woocart { min-width: 250px; } .woocart li span { padding: 3px 20px; display: block; clear: both; font-weight: normal; line-height: 20px; white-space: nowrap; } .woocart li span.cart-qty, .woocart li span.amount { padding: 0; display: inline-block; clear: none; width: auto; } .woocart li span.cart-qty { clear: both; float: none; display: block; padding-top: 10px; text-align: right; } .woocart li span.amount span.woocommerce-Price-currencySymbol { padding: 0; display: inline-block; } .woocart li.cart_list_product { padding: 9px 20px; margin: -9px 0; text-align: left; } .woocart li.cart_list_product:hover { color: #fff; text-decoration: none; background-color: #343957; background-image: none; background-repeat: repeat-x; } .woocart li.cart_list_product>a { display: block; padding: 0; font-size: 14px; font-weight: bold; } .woocart li.cart_list_product>a:hover { background: transparent none; } .woocart li.cart_list_product a.woo-cart-ptitle { float: left; text-align: left; white-space: normal; width: 140px; } .woocart li.cart_list_product .variation { margin-bottom: 0px; margin-top: 0px; font-size: 12px; } .woocart li.cart_list_product .variation dt, .woocart li.cart_list_product .variation dd { display: inline-block; float: left; line-height: 1.2; } .woocart li.cart_list_product .variation dt { clear: left; } .woocart li.cart_list_product .attachment-shop_thumbnail, .woocart li.cart_list_product .woocommerce-placeholder { float: right; margin-left: 0.5em; margin-top: 5px; width: 60px; height:auto; display: block; } .woocart li.total, .woocart li.buttons { text-align: center; } .woocart li.buttons { min-height: 32px; } .woocart li .button { width: 30%; clear: none; float: none; display: inline; margin: 0 2px; color: #333; padding: 6px 12px 2px; } .woocart .buttons .btn-navbar { display: inline-block; width: 30%; float: none; margin: 10px 5px; color: #fff; text-shadow: none; background: #1ABC9C; background-image:none; border-bottom: 4px solid #66D4BE; } .woocart .buttons .btn-navbar:hover { background-color: #0AA485; border-color: #0AA485; color: #ffffff; } .woocart li .button:hover { color: #333; background: #f7f6f7; background: -webkit-gradient(linear,left top,left bottom,from(#f7f6f7),to(#d3ced3)); background: -webkit-linear-gradient(#f7f6f7,#d3ced3); background: -moz-linear-gradient(center top,#f7f6f7 0%,#d3ced3 100%); background: -moz-gradient(center top,#f7f6f7 0%,#d3ced3 100%); text-decoration: none; } .cart-wrap .woocart.dropdown-menu:before { position: absolute; top: -7px; left: 9px; /*display: inline-block;*/ display: none; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0,0,0,0.2); content: ''; } .cart-wrap .woocart.dropdown-menu:after { position: absolute; top: -6px; left: 10px; /*display: inline-block;*/ display: none; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .cart-wrap.pull-right .woocart.dropdown-menu:before { right: 12px; left: auto; } .cart-wrap.pull-right .woocart.dropdown-menu:after { right: 13px; left: auto; } .woocart li:last-child { margin-bottom: 9px; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li { border-top:1px solid #ffffff; border-bottom:none; border-left:none; border-right:none; } .woocommerce ul.cart_list li:first-child, .woocommerce ul.product_list_widget li:first-child, .woocommerce-page ul.cart_list li:first-child, .woocommerce-page ul.product_list_widget li:first-child { border-top:none !important; } .widget_shopping_cart_content { background: none repeat scroll 0 0 #ffffff; border: 4px solid #ffffff; border-radius: 0px; box-shadow: none; } aside.widget_shopping_cart .widget_shopping_cart_content ul.cart_list.product_list_widget li a { padding: 0; margin: 0; } aside.widget_shopping_cart .widget_shopping_cart_content .cart_list li a.remove { left: 14px; line-height: 11.25px; padding: 0 0.5px 0 1px !important; top: 14px; width: 11.5px; } .woocommerce a.remove:hover {background: red none repeat scroll 0 0 !important;} aside.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li dl.variation { margin: 0 0 8px; } aside.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li dl dd p { font-size: 13px; margin: 0; } aside.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li dl dd, aside.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li dl dt, aside.widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li dl dd, aside.widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li dl dt { margin-bottom: 0; } .woocommerce ul.cart_list, .woocommerce ul.product_list_widget, .woocommerce-page ul.cart_list, .woocommerce-page ul.product_list_widget { border:none; box-shadow:none; border: 4px solid #ffffff; } .woocommerce-page .widget_shopping_cart .total, .woocommerce-page.widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .buttons, .woocommerce-page.widget_shopping_cart .buttons, .woocommerce .widget_shopping_cart .buttons, .woocommerce.widget_shopping_cart .buttons { padding:15px 10px; margin: 0; } .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total, .woocommerce-page.widget_shopping_cart .total { border-top:1px solid #ffffff; } .woocommerce div.product .stock, .woocommerce #content div.product .stock, .woocommerce-page div.product .stock, .woocommerce-page #content div.product .stock { color: #1ABC9C; } .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce div.product span.price, .woocommerce div.product p.price, span.amount { color:#1ABC9C; } .woocart li span { color: #1ABC9C; } ul.product_list_widget ins, ul.product_list_widget ins:hover, .bs-docs-sidenav > li:hover ins, .bs-docs-sidebar.rightsb ul.menu > li:hover ins, .bs-docs-sidebar ul.menu > li:hover ins, .footer ul.menu > li:hover ins, .widget_categories ul li:hover ins, .widget_nav_menu ul.sub-menu li:hover ins, .widget_recent_comments ul#recentcomments li:hover ins, .bs-docs-sidebar ul > li:hover ins, .footer ul > li:hover ins, ul.product_list_widget .amount, ul.product_list_widget .amount:hover, .bs-docs-sidenav > li:hover .amount, .bs-docs-sidebar.rightsb ul.menu > li:hover .amount, .bs-docs-sidebar ul.menu > li:hover .amount, .footer ul.menu > li:hover .amount, .widget_categories ul li:hover .amount, .widget_nav_menu ul.sub-menu li:hover .amount, .widget_recent_comments ul#recentcomments li:hover .amount, .bs-docs-sidebar ul > li:hover .amount, .footer ul > li:hover .amount { text-decoration:none; color:#1ABC9C; font-weight:bold; font-size:14px; line-height:20px; } ul.product_list_widget del, ul.product_list_widget del:hover, .bs-docs-sidenav > li:hover del, .bs-docs-sidebar.rightsb ul.menu > li:hover del, .bs-docs-sidebar ul.menu > li:hover del, .footer ul.menu > li:hover del, .widget_categories ul li:hover del, .widget_nav_menu ul.sub-menu li:hover del, .widget_recent_comments ul#recentcomments li:hover del, .bs-docs-sidebar ul > li:hover del, .footer ul > li:hover del, ul.product_list_widget .from, ul.product_list_widget .from:hover, .bs-docs-sidenav > li:hover .from, .bs-docs-sidebar.rightsb ul.menu > li:hover .from, .bs-docs-sidebar ul.menu > li:hover .from, .footer ul.menu > li:hover .from, .widget_categories ul li:hover .from, .widget_nav_menu ul.sub-menu li:hover .from, .widget_recent_comments ul#recentcomments li:hover .from, .bs-docs-sidebar ul > li:hover .from, .footer ul > li:hover .from, ul.product_list_widget del .amount, ul.product_list_widget del .amount:hover, .bs-docs-sidenav > li:hover del .amount, .bs-docs-sidebar.rightsb ul.menu > li:hover del .amount, .bs-docs-sidebar ul.menu > li:hover del .amount, .footer ul.menu > li:hover del .amount, .widget_categories ul li:hover del .amount, .widget_nav_menu ul.sub-menu li:hover del .amount, .widget_recent_comments ul#recentcomments li:hover del .amount, .bs-docs-sidebar ul > li:hover del .amount, .footer ul > li:hover del .amount { color: rgba(145, 145, 145, 0.5); font-size: 0.8em; margin: -2px 0 0; text-transform: uppercase; } .navbar-inverse .navbar-form .search-field { color: #ffffff; background-color: #2A2E49; border-color: #394382; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; width: 158px; } .navbar-inverse .navbar-form .btn { background-color: #515151; background-image: -moz-linear-gradient(top,#999,#515151); background-image: -webkit-gradient(linear,0 0,0 100%,from(#999),to(#515151)); background-image: -webkit-linear-gradient(top,#999,#515151); background-image: -o-linear-gradient(top,#999,#515151); background-image: linear-gradient(to bottom,#999,#515151); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff999999',endColorstr='#ff515151',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .dropdown-menu { border: 1px solid #CCCCCC; background-color: #ffffff; background-image:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .dropdown-menu li > a { color: #333333; } .dropdown-menu li > a:hover, .dropdown-menu li.active > a, .dropdown-menu li.active > a:hover, .dropdown-submenu:hover > a, .woocart li.cart_list_product:hover { text-decoration: none; color: #333333; background-color: #ededed; background-image: none; } .dropdown-menu, .dropdown-submenu > .dropdown-menu, .dropup .dropdown-submenu > .dropdown-menu, .nav-pills .dropdown-menu { /* our dropdowns are squared by default */ border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .dropdown-submenu>a:after{ content: none !important; } .nav-pills .open .dropdown-submenu .dropdown-toggle { background: transparent none; color: #333333; } .dropdown-menu .divider { background-color: #CCCCCC; border-bottom: none; } .dropdown-menu .menu-item { border-bottom: 1px solid #CCCCCC; } .dropdown-item, .dropup-item { position: relative; } nav#mobile-nav .dropdown-item>a>.caret { margin-left: 6px; margin-top: 13px; } .dropdown-item>a>.caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #FFF; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 0; content: ""; margin-left: 2px; margin-top: 8px; } .dropup-item>a>.caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-bottom: 4px solid #777; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 0; content: ""; margin-left: 2px; margin-top: 8px; } .dropup-item:hover>a>.caret { border-bottom-color: #555; } .drop-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 100%; width: auto; padding: 0; margin: 0; list-style: none; border: 1px solid #4FCFB5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background-color: #1ABC9C; background-image: none; background-repeat: repeat-x; } .dropup-item > .drop-menu { top: auto; bottom: 100%; } /* .dropdown-item:hover > .drop-menu, .dropup-item:hover > .drop-menu { display: block; } */ .drop-menu>.menu-item { border-bottom: 1px solid #4fcfb5; } .drop-menu>.menu-item:last-child { border-bottom: 0 none; } .drop-menu>.menu-item>a { display: block; padding: 3px 18px 3px 8px; clear: both; font-weight: normal; line-height: 20px; color: #ffffff; white-space: nowrap; text-align: left; text-shadow: none; -webkit-transition: none!important; -moz-transition: none!important; transition: none!important; } .drop-menu>.menu-item:hover>a, .drop-menu>.menu-item.active>a{ text-decoration: none; color: #ffffff; background-color: #4fcfb5; background-image: none; background-repeat: repeat-x; } .drop-menu>.menu-item.dropdown-submenu { position: relative; } .drop-menu>.menu-item.dropdown-submenu>.drop-menu { top: 0; left: 100%; margin-top: -1px; margin-left: 0px; } /* .drop-menu>.menu-item:hover>.drop-menu { display: block; } */ .nav-collapse.in.collapse .menu-item { border-bottom: 0 none; } .navbar .nav > li > .dropdown-menu:before, .navbar .woocart.dropdown-menu:before { border-bottom: 7px solid #1ABC9C; } .navbar .nav > li > .dropdown-menu:after, .navbar .woocart.dropdown-menu:after { border-bottom: 6px solid #1ABC9C; } .navbar-fixed-bottom .nav > li > .dropdown-menu:before { border-top: 7px solid #ccc; border-bottom: 0; border-top-color: rgba(0,0,0,0.2); } .navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 6px solid #1ABC9C; border-bottom: 0!important; } /*.dropdown-submenu > a:after { border-left-color: #ffffff; }*/ .dropdown-submenu:hover > a:after, .dropdown-submenu.active > a:after { border-left-color: #ffffff; } .nav-collapse.in.collapse .nav>li>a { clear: both; } .nav-collapse.in.collapse .drop-menu { position: relative; width: 100%; min-width: 0; padding: 0; margin: 0; background: transparent none!important; border: 0!important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; display: none; /*visibility: hidden;*/ } .nav-collapse.in.collapse .dropdown-item:hover > .drop-menu, .nav-collapse.in.collapse .dropup-item:hover > .drop-menu { display: block; /*visibility: visible;*/ } .nav-collapse.in.collapse .drop-menu>.menu-item:hover>.drop-menu { display: block; /*visibility: visible;*/ } .nav-collapse.in.collapse .drop-menu .menu-item { } .nav-collapse.in.collapse .drop-menu .menu-item a{ padding: 9px 15px 9px 25px; font-weight: normal; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; margin-bottom: 2px; color: #FFFFFF; } .nav-collapse.in.collapse .drop-menu .menu-item:hover>a { color: #ffffff; background-color: transparent; background-image: none; } .nav-collapse.in.collapse .drop-menu .menu-item a:first-child { margin-top: 2px; } .nav-collapse.in.collapse .drop-menu .menu-item.active>a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #ffffff; } .nav-collapse.in.collapse .drop-menu .menu-item.dropdown-submenu a:after { /*display: none;*/ } .nav-collapse.in.collapse .drop-menu>.menu-item.dropdown-submenu>.drop-menu { left: auto; top: auto; margin: 0 0 0 10px; width: 98.5%; } .nav-pills .open .dropdown-submenu .dropdown-toggle:hover { background-color: #1E59A5; background-image: -moz-linear-gradient(top,#1E59A5,#063B70); background-image: -webkit-gradient(linear,0 0,0 100%,from(#1E59A5),to(#063B70)); background-image: -webkit-linear-gradient(top,#1E59A5,#063B70); background-image: -o-linear-gradient(top,#1E59A5,#063B70); background-image: linear-gradient(to bottom,#1E59A5,#063B70); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1E59A5',endColorstr='#ff063B70',GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important; background-repeat: repeat-x; color: #ffffff; } #header-menu .navbar-inner { padding-left: 0px; padding-right: 0px; text-align: left; } #header-menu .navbar-inner ul.sub-menu.dropdown-menu .divider:last-child { display: none; } .sub-menu.drop-menu .dropdown-submenu a .caret { margin-top: 10%; float: right; border-width: 0 0 1.5px 1.5px !important; height: 6px; transform: rotate(-135deg); transform-origin: left top 0; width: 6px; } .sub-menu.drop-menu .dropdown-submenu a .caret::before { content: " "; display: block; transform: rotate(315deg) translate(-5px, 3.5px); transform-origin: left top 0; width: 8px; } /* aaa */ #header-menu .nav { margin-right: 0; position:relative; z-index:1; } #header-menu.pull-right .nav.nav-pills { float: right; } #header-menu.pull-left .nav.nav-pills { float: left; } #site-logo { margin: 0; } #block-logo.pull-left, #site-logo.pull-left, #block-logo.pull-left #site-logo { text-align: left; } #block-logo.pull-right, #site-logo.pull-right, #block-logo.pull-right #site-logo { text-align: right; } #block-logo > h1, #block-logo > p { margin-left: 0; } #site-logo.centered { text-align: center; } .jumbotron h1 .site-title:hover { text-decoration: none; } #headmenu-bar #header-menu.nav-collapse { margin-top: 0!important; } .page-header { margin: 0; border-bottom: 4px solid #ffffff; } .page-header>h1 { margin-top: 0; } .page-header>p { font-size: 22px; color: #65758c; } .page-header h1, .page-header h2, .page-header h2 a { color: #485f80; } .page-header h2 a:hover { color: #0e997d; } .page-header.socialshare-header { border-bottom: 0 none; } .thumbnail, a.rs-gen-img.thumbnail, div.thumbnail { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .thumbnail { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } a.thumbnail:hover { border-color: #ddd; -webkit-box-shadow: 0 1px 4px #10967b; -moz-box-shadow: 0 1px 4px #10967b; box-shadow: 0 1px 4px #10967b; } .entry, .shop-entry .single-product, .entries { margin-top: 30px; clear: both; } #fancybox-close{ top:-15px; right:-15px; } .relatedposts .related li h3 { line-height: 1.2; } #respondo-pagination.plain { margin: 20px 0; } #respondo-pagination.plain ul { display: inline-block; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; } #respondo-pagination.plain ul>li { display: inline; } #respondo-pagination.plain ul li span, #respondo-pagination.plain ul li a { float: left; padding: 4px 8px; line-height: 20px; text-decoration: none; background-color: transparent; border: 0 none; } .nav-single {clear: both;} .nav-single .plain { margin: 20px 0; text-align: center; list-style: none; } .nav-single .plain:after, .nav-single .plain:before { display: table; line-height: 0; content: ""; } .nav-single .plain:after { clear: both; } .nav-single .plain li { display: inline; } .nav-single .plain li > a, .nav-single .plain li > span { display: inline-block; padding: 5px; /*background-color: #fff;*/ border: 0 none; } .nav-single .plain li > a:hover { text-decoration: none; } .nav-single .plain .previous > a, .nav-single .plain .previous > span { float: left; } .nav-single .plain .next > a, .nav-single .plain .next > span { float: right; } /**** 5. PRECONTENT STYLING ****/ .precontent { position: relative; z-index: 0; } .precontent-inner { background-color: #1ABC9C; background-image: none; background-repeat: repeat-x; border-bottom: none; position: relative; padding:0 20px; color:#ffffff; } .precontent-inner:after { content: ''; display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; opacity: .4; } .precontent-inner a { color: #fafafa; } .precontent-inner a:hover { color: #ffffff; } .precontent-inner h1, .precontent-inner h2, .precontent-inner h3, .precontent-inner h4, .precontent-inner h5, .precontent-inner h6 { color: #ffffff; } .precontent-inner h1 a, .precontent-inner h2 a, .precontent-inner h3 a, .precontent-inner h4 a, .precontent-inner h5 a, .precontent-inner h6 a, .precontent-inner h1 a:link, .precontent-inner h2 a:link, .precontent-inner h3 a:link, .precontent-inner h4 a:link, .precontent-inner h5 a:link, .precontent-inner h6 a:link, .precontent-inner h1 a:visited, .precontent-inner h2 a:visited, .precontent-inner h3 a:visited, .precontent-inner h4 a:visited, .precontent-inner h5 a:visited, .precontent-inner h6 a:visited { color: #fafafa; } .precontent-inner h1 a:hover, .precontent-inner h2 a:hover, .precontent-inner h3 a:hover, .precontent-inner h4 a:hover, .precontent-inner h5 a:hover, .precontent-inner h6 a:hover { color: #ffffff; } /**** 6. PREFOOTER/FOOTER STYLING ****/ .footer .prefooter-inner{ text-align: left; padding-top: 30px; padding-bottom: 30px; margin-top: 0; min-height: auto; background-color: #2a2d40; background-image: none; background-repeat: repeat-x; position: relative; border-top: none; color: #E4EEF2; } .footer .prefooter-inner .container { position: relative; z-index: 2; } .footer .prefooter-inner:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .4; /*background: url('img/pfooter_bg.png') left top scroll;*/ } .footer p { color: #E4EEF2; } .footer a:not(.btn), .footer a:not(.btn):hover, .footer .widget a:not(.btn), #prefooter .widget ul li > a:not(.btn):hover, .footer .widget a:not(.btn):hover, #prefooter .visible-phone .navbar-inner, #prefooter .visible-phone .navbar-inner:hover, #prefooter .visible-phone .navbar-inner .btn-navbar, #prefooter .visible-phone .navbar-inner .btn-navbar:hover, #prefooter .visible-phone .navbar-inner .drop-menu .menu-item a, #prefooter .visible-phone .navbar-inner .drop-menu .menu-item a:hover, #prefooter .visible-phone .navbar-inner .nav .menu-item.dropdown-item>a>.caret, #prefooter .visible-phone .navbar-inner .nav .menu-item.dropdown-item>a:hover>.caret, #prefooter .visible-phone #prefooter-menu.nav-collapse .nav > .menu-item:hover > a, #prefooter .visible-phone #prefooter-menu.nav-collapse .drop-menu > .menu-item:hover > a, #prefooter .visible-phone #prefooter-menu.nav-collapse .nav > .menu-item:hover > a >.caret, #prefooter .visible-phone #prefooter-menu.nav-collapse .nav .menu-item.active a, #prefooter .visible-phone #prefooter-menu.nav-collapse .drop-menu .menu-item.active a, .prefooter-inner .rs-textwidget, .prefooter-inner .textwidget, .prefooter-inner .widget { color: #E4EEF2; } #prefooter .widget ul li > a { color:#1ABC9C; } #prefooter .visible-phone #prefooter-menu.nav-collapse .nav .menu-item.active>a>.caret { border-top-color: #1ABC9C; } .footer.simple-boxed.rightsb ul.menu > li:hover > a, .footer.simple-boxed ul.menu > li:hover > a, .footer.simple-boxed ul.menu > li:hover > a, .footer.simple-boxed .widget_categories ul li:hover > a, .footer.simple-boxed .widget_nav_menu ul.sub-menu li:hover > a, .footer.simple-boxed .widget_recent_comments ul#recentcomments li:hover > a, .footer.simple-boxed ul > li:hover > a, .footer.simple-boxed ul > li:hover > a, .footer.ind_boxes.rightsb ul.menu > li:hover > a, .footer.ind_boxes ul.menu > li:hover > a, .footer.ind_boxes ul.menu > li:hover > a, .footer.ind_boxes .widget_categories ul li:hover > a, .footer.ind_boxes .widget_nav_menu ul.sub-menu li:hover > a, .footer.ind_boxes .widget_recent_comments ul#recentcomments li:hover > a, .footer.ind_boxes ul > li:hover > a, .footer.ind_boxes ul > li:hover > a { background-color:#2F3245 !important; color:#E4F2EF !important; } .footer.plain ul.menu > li:hover > a, .footer.plain ul.menu > li:hover > a, .footer.plain .widget_categories ul li:hover > a, .footer.plain .widget_nav_menu ul.sub-menu li:hover > a, .footer.plain .widget_recent_comments ul#recentcomments li:hover > a, .footer.plain ul > li:hover > a, .footer.plain ul > li:hover > a, .footer.simple-sides ul.menu > li:hover > a, .footer.simple-sides ul.menu > li:hover > a, .footer.simple-sides .widget_categories ul li:hover > a, .footer.simple-sides .widget_nav_menu ul.sub-menu li:hover > a, .footer.simple-sides .widget_recent_comments ul#recentcomments li:hover > a, .footer.simple-sides ul > li:hover > a, .footer.simple-sides ul > li:hover > a { background-color: transparent !important; color:#E4F2EF !important; } .footer .row { padding-bottom: 0; } #prefooter .row { padding-bottom:0 !important; } #prefooter .visible-phone .navbar-inner { padding-left: 0; padding-right: 0; } .navbar .nav > li > a { text-shadow:none; } .footer.rightsb ul.menu li, .footer ul.menu li { border-color: #2A2D40; } .footer ul.menu, .footer .widget_categories ul, .footer .widget_nav_menu ul.sub-menu, .footer .widget_recent_comments ul#recentcomments, .footer .widget ul, .footer aside.widget #calendar_wrap, .footer aside.widget #calendar_wrap, .footer aside.widget form#searchform, .footer aside.widget form#searchform, .footer aside.widget .tagcloud, .footer aside.widget .tagcloud, .footer .widget .textwidget { background: #2A2D40; } .footer .widget-title, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 { color: #E4EEF2; font-size:20px; } .footer.simple-boxed .footer-widget-wrap { padding: 0 15px; width: 188px; } .footer.simple-sides .footer-widget-wrap { width: 188px; } .footer.simple-boxed .span2.footer-widget-wrap { padding: 0 15px; width: 108px; } .footer.simple-sides .span2.footer-widget-wrap { width: 108px; } .footer.simple-boxed .span4.footer-widget-wrap { padding: 0 15px; width: 268px; } .footer.simple-sides .span4.footer-widget-wrap { width: 268px; } .footer.simple-boxed .span6.footer-widget-wrap { padding: 0 15px; width: 428px; } .footer.simple-sides .span6.footer-widget-wrap { width: 428px; } .footer.simple-boxed .span8.footer-widget-wrap { padding: 0 15px; width: 588px; } .footer.simple-sides .span8.footer-widget-wrap { width: 588px; } .footer.simple-boxed .span12.footer-widget-wrap { padding: 0 15px; width: 908px; } .footer.simple-sides .span12.footer-widget-wrap { width: 908px; } .footer.simple-sides .footer-widget-wrap, .footer.simple-sides .widget-wrap { background: -moz-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(245,245,245,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(245,245,245,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#00f5f5f5',GradientType=1 ); /* IE6-8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important; border-left: 1px solid #e5e5e5 } .footer.simple-sides .footer-widget-wrap:first-child { border-left: none; margin-left:0; } .footer.simple-boxed .footer-widget-wrap, .footer.simple-boxed .widget-wrap { border: 1px solid #2A2D40; background: #2A2D40; } .footer.plain .footer-widget-wrap .widget ul, .footer.plain .footer-widget-wrap .widget_recent_comments ul#recentcomments, .footer.plain .footer-widget-wrap .widget .tagcloud, .footer.plain .footer-widget-wrap .widget .textwidget, .footer.plain .footer-widget-wrap .widget #calendar_wrap, .footer.plain .footer-widget-wrap .widget #searchform { background: transparent; border: 0 none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; } .footer.plain .footer-widget-wrap .widget li, .footer.plain .footer-widget-wrap .widget_recent_comments ul#recentcomments li { border: 0 none; background: transparent; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .footer.plain .footer-widget-wrap .widget li a { border: 0 none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .footer.simple-sides .footer-widget-wrap .widget ul, .footer.simple-boxed .footer-widget-wrap .widget ul{ box-shadow: none!important; background-color: transparent!important; border-radius: 0; } .footer.simple-sides .footer-widget-wrap .widget li, .footer.simple-boxed .footer-widget-wrap .widget li { border: 0 none!important; padding: 0; margin: 0; } .footer.simple-sides .footer-widget-wrap .widget ul.sub-menu li, .footer.simple-sides .footer-widget-wrap .widget ul.children li, .footer.simple-boxed .footer-widget-wrap .widget ul.sub-menu li, .footer.simple-boxed .footer-widget-wrap .widget ul.children li { padding-left: 15px; } .footer.simple-sides .footer-widget-wrap .widget li a, .footer.simple-boxed .footer-widget-wrap .widget li a { border-bottom-width: 1px!important; border-bottom-style: solid!important; border-bottom-color: #2A2D40!important; display: block; padding: 8px 14px; } .footer.simple-sides .footer-widget-wrap .widget ul.menu>li:last-child a, .footer.simple-boxed .footer-widget-wrap .widget ul.menu>li:last-child a{ border-bottom: 0 none!important; } .footer.simple-sides .footer-widget-wrap .widget li .sub-menu, .footer.simple-sides .footer-widget-wrap .widget li .children, .footer.simple-boxed .footer-widget-wrap .widget li .sub-menu, .footer.simple-boxed .footer-widget-wrap .widget li .children { margin-top: 0; } .footer.simple-sides .footer-widget-wrap .widget li:hover, .footer.simple-sides .footer-widget-wrap .widget li a:hover, .footer.simple-boxed .footer-widget-wrap .widget li:hover, .footer.simple-boxed .footer-widget-wrap .widget li a:hover { background-color: transparent!important; color: #E4EEF2; } .footer.simple-sides .footer-widget-wrap .widget .textwidget, .footer.simple-boxed .footer-widget-wrap .widget .textwidget { background-color: transparent; border: 0 none; border-radius: 0; box-shadow: none; } .footer.simple-sides .nav-tabs.nav-stacked>li>a, .footer.simple-boxed .nav-tabs.nav-stacked>li>a { border-top: 0 none!important; border-left: 0 none!important; border-right: 0 none!important; } .footer.simple-sides .nav-tabs.nav-stacked>li:last-child>a, .footer.simple-boxed .nav-tabs.nav-stacked>li:last-child>a { border-bottom: 0 none!important; } .footer.simple-sides .widget #recentcomments .recentcomments a, .footer.simple-boxed .widget #recentcomments .recentcomments a{ border: 0 none!important; } .footer.simple-sides .widget #recentcomments, .footer.simple-boxed .widget #recentcomments { border-radius: 0; } .footer.simple-sides .widget #recentcomments .recentcomments, .footer.simple-boxed .widget #recentcomments .recentcomments { border-bottom-width: 1px!important; border-bottom-style: solid!important; border-bottom-color: #2A2D40!important; } .footer.simple-sides .widget #recentcomments .recentcomments:first-child, .footer.simple-boxed .widget #recentcomments .recentcomments:first-child { border-radius: 0; } .footer.simple-sides .widget #recentcomments .recentcomments:last-child, .footer.simple-boxed .widget #recentcomments .recentcomments:last-child { border: 0 none!important; border-radius: 0; } .footer.fixed-bottom { position: fixed; bottom: 0; right: 0; left: 0; } #prefooter .visible-phone #prefooter-menu.nav-collapse .nav > li { background-color: transparent!important; } .btn [class^="icon-"], .nav [class^="icon-"], .btn [class*=" icon-"], .nav [class*=" icon-"] { display: inline-block; line-height: normal; } footer li {margin-bottom: 0;} footer.navbar .social a, footer.navbar .search-bar a { color: #ffffff; } #footer-nav .nav>.menu-item> a, #footer-nav .nav > .active > a { color: #ffffff; } #footer-nav .nav .menu-item .dropdown-link .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; margin-left: 2px; } #footer-nav .nav>.menu-item:hover >a, #footer-nav .nav>.active:hover >a { color: #ffffff; } #footer-nav .nav .menu-item:hover .dropdown-link .caret, #footer-nav .nav>.active:hover >a .dropdown-link .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } footer, footer .navbar-text { color: #ffffff; } footer .navbar-text { line-height: 18px; margin: 11px 0; } footer.navbar .navbar-inner{ background-color: #1ABC9C; background-image: none; background-repeat: repeat-x; border-top: none; border-bottom: 0 none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; filter:none; } footer .navbar-inner .btn-navbar { margin-right: 15px; float:left; background-color: #2A2D40; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; border:none; } footer .navbar .nav-collapse .nav, footer .navbar-inner .btn-navbar:hover { background-color: #2A2D40; } footer.navbar .brand:hover, footer.navbar .social a:hover, footer.navbar .search-bar a:hover { color: #FFFFFF; } footer.navbar .nav > .active > a { background-color: rgba(255,255,255,0.1); } footer.navbar .nav > .menu-item:hover > a, #footer-nav .nav > .menu-item:hover > a, footer.navbar nav-collapse.in.collapse .drop-menu .menu-item:hover>a, footer.navbar .nav > .menu-item > a:focus { background-color:rgba(255,255,255,0.1); color: #FFFFFF; } footer.navbar .nav-collapse.in.collapse .drop-menu .menu-item a { color: #ffffff; } footer.navbar .nav-collapse.in.collapse .drop-menu .menu-item:hover>a { color: #FFFFFF; background-color: rgba(255,255,255,0.1); } footer.navbar .nav-collapse.in.collapse .drop-menu .menu-item.active>a { color: #ffffff; background: rgba(255,255,255,0.1); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* 5-Column PreFooter Styling */ .span2_5 {width:210px;} @media screen and (max-width: 1199px) { .span2_5 {width:172px;} } @media screen and (max-width: 979px) { .span2_5 {width:128.5px;} } @media screen and (max-width: 768px) { .span2_5 {width:97%;} } /**** 7. PREHEADER/HEADER/PREFOOTER/FOOTER SHADOW STYLING ****/ .footer:before, footer.navbar:before { z-index: -1; position: absolute; content: ""; max-height: 40px; opacity: 1.0; background: none; display: block; } .footer:before { max-height: 200px; height: auto; } #pre-header.navbar-static-top.curved, #pre-header.navbar-static-top.minimal, footer.navbar-static-top.curved, footer.navbar-static-top.minimal { position: relative; z-index: 100; } #pre-header.curved:before, .jumbotron.curved:before, #headmenu-bar.curved:before { bottom: 13px; left: 5%; right: 5%; width: 90%; top: 0; -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; z-index:-1; } #pre-header.curved.light:before, .jumbotron.curved.light:before, #headmenu-bar.curved.light:before { -webkit-box-shadow: 0 15px 10px rgba(255,255,255, 0.7); -moz-box-shadow: 0 15px 10px rgba(255,255,255, 0.7); box-shadow: 0 15px 10px rgba(255,255,255, 0.7); z-index: -1; } .footer.curved:before, footer.navbar.curved:before { top: 13px; left: 5%; right: 5%; width: 90%; bottom: 0; -webkit-box-shadow: 0 -15px 10px rgba(0,0,0, 0.7); -moz-box-shadow: 0 -15px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 -15px 10px rgba(0, 0, 0, 0.7); -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; z-index: -1; } .footer.curved.light:before, footer.navbar.curved.light:before { -webkit-box-shadow: 0 -15px 10px rgba(255,255,255, 0.7); -moz-box-shadow: 0 -15px 10px rgba(255,255,255, 0.7); box-shadow: 0 -15px 10px rgba(255,255,255, 0.7); z-index: -1; } #pre-header.minimal:before, .jumbotron.minimal:before, #headmenu-bar.minimal:before { bottom: 15px; left: 15%; right: 15%; width: 70%; top: 0; /*-webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.4); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4); -moz-border-radius: 100px / 20px;*/ border-radius: 100px / 20px; } .jumbotron.minimal:before { bottom: 12px; } .footer.minimal:before, footer.navbar.minimal:before { bottom: 0; left: 15%; right: 15%; width: 70%; top: 15px; -webkit-box-shadow: 0 -15px 10px rgba(0,0,0, 0.4); -moz-box-shadow: 0 -15px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 -15px 10px rgba(0, 0, 0, 0.4); -moz-border-radius: 100px / 20px; border-radius: 100px / 20px; z-index: -1; } .footer.minimal:before { top: 12px; } #pre-header.minimal.slight:before, .jumbotron.minimal.slight:before, #headmenu-bar.minimal.slight:before { bottom: 14px; -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.5); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); z-index: -1; } .jumbotron.minimal.slight:before { bottom: 10px; } .footer.minimal.slight:before, footer.navbar.minimal.slight:before { top: 14px; -webkit-box-shadow: 0 -15px 10px rgba(0,0,0, 0.5); -moz-box-shadow: 0 -15px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 -15px 10px rgba(0, 0, 0, 0.5); z-index: -1; } .footer.minimal.slight:before { top: 10px; } #pre-header.minimal.light:before, .jumbotron.minimal.light:before, #headmenu-bar.minimal.light:before { -webkit-box-shadow: 0 15px 10px rgba(255,255,255, 0.2); -moz-box-shadow: 0 15px 10px rgba(255,255,255, 0.2); box-shadow: 0 15px 10px rgba(255,255,255, 0.2); z-index: -1; } #pre-header.minimal.slight.light:before, .jumbotron.minimal.slight.light:before, #headmenu-bar.minimal.slight.light:before { -webkit-box-shadow: 0 15px 10px rgba(255,255,255, 0.4); -moz-box-shadow: 0 15px 10px rgba(255,255,255, 0.4); box-shadow: 0 15px 10px rgba(255,255,255, 0.4); z-index: -1; } .footer.minimal.light:before, footer.navbar.minimal.light:before { -webkit-box-shadow: 0 -15px 10px rgba(255,255,255, 0.2); -moz-box-shadow: 0 -15px 10px rgba(255,255,255, 0.2); box-shadow: 0 -15px 10px rgba(255,255,255, 0.2); z-index: -1; } .footer.minimal.slight.light:before, footer.navbar.minimal.slight.light:before { -webkit-box-shadow: 0 -15px 10px rgba(255,255,255, 0.2); -moz-box-shadow: 0 -15px 10px rgba(255,255,255, 0.2); box-shadow: 0 -15px 10px rgba(255,255,255, 0.2); z-index: -1; } /**** 8. BREADCRUMB STYLING ****/ .breadcrumb { margin-top: 30px; margin-bottom: 0px; background-color: #ffffff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .breadcrumb li {margin-bottom: 0;} .breadcrumb > li > .divider, .breadcrumb > .active { color: #456087; } .breadcrumb li a { color: #456087; } .breadcrumb li a:hover { color: #1ABC9C; } .breadcrumb > li { text-shadow: none; } /**** 9. BLOG PAGE STYLING ****/ .blog-single-post { border-bottom: 1px solid #EEEEEE; margin-bottom: 30px; padding-bottom: 30px; clear:both; } .blog-single-post section { padding-top:0; } .blog-single-post .page-header { border-bottom: medium none; margin: 0; } .blog-single-post .blog-left { float:left; max-width: 610px; } .blog-single-post .blog-left.full img { max-width:770px; } .blog-single-post .blog-right { float:right; width:390px; } .blog-single-post .blog-right.full { float:right; width:360px; } .span8 .blog-single-post .blog-left, .span9 .blog-single-post .blog-left { float:left; max-width: 60%; } .span8 .blog-single-post .blog-left img, .span9 .blog-single-post .blog-left img { width: 100%; } .span8 .blog-single-post .blog-right, .span9 .blog-single-post .blog-right { float:right; width:37%; } .span8 .blog-single-post .blog-right p, .span9 .blog-single-post .blog-right p { margin:0; } .blog-single-post .meta-post { width:100%; font-size:12px; line-height:16px; float:left; margin:0; } .blog-single-post .meta-post li { display: inline; padding: 0 5px; } .blog-single-post .meta-post li:first-child { border-left:none; padding-left:0; } .blog-single-post .meta-post.left { border-bottom: none; margin: 0; padding-bottom:0; } .blog-single-post .blog-thumb { float:left; } .blog-single-post .post-excerpt { float: right; margin: 0; width: 390px; } .blog-single-post .blog-right.full .post-excerpt { width: 360px; } .span8 .blog-single-post .post-excerpt, .span9 .blog-single-post .post-excerpt { float: right; margin: 0 0 0 0; width: auto; } .blog-single-post .post-excerpt.nothumb { float: right; margin: 10px 0 0; width: 100%; } .blog-single-post .post-excerpt.nothumb p { margin-top: 0; } .blog-single-post.search-result .post-excerpt.nothumb { margin: 0; } .blog-single-post .meta-post [class^="icon-"], .meta-post [class*=" icon-"] { float:none; margin:0 0px auto 0; } .pagination ul > .active > a, .pagination ul > .active > span { border-width: 1px; margin-left: -1px; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span, .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { border-radius:0; } .pagination ul { border-radius:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .pagination ul > .active > a, .pagination ul > .active > span { background-color: #E4EEF2; color: #1ABC9C; cursor: default; } .pagination ul > li > a, .pagination ul > li > span { background-color: #E4EEF2; border-color: #FFFFFF; border-width: 4px 4px 4px 0; color: #485D80; padding:6px 12px; } .pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #FFFFFF; color: #1ABC9C; } .pagination ul > .active > a, .pagination ul > .active > span { border-width: 4px; margin-left: -4px; background-color:transparent; font-weight:bold; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width:4px; } /* NEW Post Format Grid Layout STYLING - 18 April 2015 */ .grid-post_outer {background-color: #ffffff; border: 1px solid #e4e4e4; font-size: 17px; float: left; line-height: 27px; margin: 0 1% 20px 1%; width: 31%;} .grid-post_inner {padding: 15px 30px;} .grid-post_inner a, .grid-post_inner a:hover, .grid-post_outer a, .grid-post_outer a:hover {text-decoration: none;} .grid-post_inner h3 {font-size: 20px; line-height: 26px; text-align: center;} .grid-post_inner p a.more-link {font-size: 14px; margin: -10px 0 !important; display: block;} .grid-post_outer .pf_sticky { background: #336daf none repeat scroll 0 0; color: rgba(255, 255, 255, 1); font-size: 13px; font-weight: normal; line-height: 16px; padding: 4px 8px 3px; position: absolute; right: 7px; top: 7px; } .grid-post_outer img {width: 100%;} .grid-post_outer .grid-post_meta {background-color: #F9F9F9; min-height: 17px; padding: 10px 20px;} .grid-post_outer .grid-post_meta .meta-left {float: left; line-height: 12px;} .grid-post_outer .grid-post_meta .meta-right {float: right; line-height: 12px;} .grid-post_outer .grid-post_meta .meta-left a, .grid-post_outer .grid-post_meta .meta-right a {color: #cad3da; font-size: 12px;} .grid-post_outer .grid-post_meta .meta-left a:hover, .grid-post_outer .grid-post_meta .meta-right a:hover {color: #555555; text-decoration: none;} /*.grid-post_outer .postformat-aside .grid-post_inner {padding: 35px 20px 20px;}*/ .grid-post_outer .postformat-aside p.aside-author {font-size: 12pt; font-style: italic; line-height: 1.1em;} .grid-post_outer .postformat-gallery .gallerybox-img-hover-wrap {width: 30%; margin: 0 1.5% 3%; float: left;} .grid-post_outer .postformat-gallery .gallerybox-img-hover-wrap .icon-plus {border: 4px solid #fff; border-radius: 100px; color: #fff; display: block; font-size: 25px; left: 24%; padding: 9px 10px 6px 11px; position: absolute; top: 24%;} /* Hide WP default gallery so only Respondo Grid style show */ .gallery { display: none; } .grid-post_outer .postformat-image {margin-bottom: -7px;} .grid-post_outer .postformat-image h3 {color: #ffffff; font-size: 20px; line-height: 26px;} .grid-post_outer .postformat-image .rs-color-opacity-layer-space {display: block; margin: auto 0; padding: 10px; position: relative; text-align: center; top: 50%; transform: translateY(-50%);} .grid-post_outer .postformat-image a.rs-gen-img.thumbnail.primary {margin-bottom: 0;} .grid-post_outer .postformat-image .rs-color-opacity-layer1 { background: none repeat scroll 0 0 #2f434a; bottom: 0; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; width: 100%; } .grid-post_outer .postformat-image .image-hover:hover .rs-color-opacity-layer1 { background-color: rgba(47, 67, 74, 1); opacity: 0.9; } .grid-post_outer .postformat-quote, .grid-post_outer .postformat-quote a {color: #ffffff;} .grid-post_outer .postformat-quote p {font-size: 21px; line-height: 30px; font-weight: 300; font-style: italic;} .grid-post_outer .postformat-quote p.quote_title {font-size: 12pt; font-weight: 400; font-style: italic; line-height: 1.1em;} .grid-post_outer .postformat-status .status-author {margin-bottom: 15px;} .grid-post_outer .postformat-status .status-author div.thumbnail {margin: 0 10px 0 0; max-width: 25px;} .grid-post_outer .postformat-status p.status_author {font-size: 12pt; font-weight: bold; line-height: 25px;} .grid-post_outer .postformat-status p:first-child {margin-top: -5px;} .grid-post_outer .postformat-audio .mejs-container {margin: 30px 0;} .grid-post_outer .postformat-video .responsive-container {padding-top: 0 !important;} .grid-post_outer .postformat-video .responsive-container .wp-video .mejs-container {max-width: 100% !important;} .grid-post_outer .postformat-video .responsive-container .wp-video .mejs-container video.wp-video-shortcode, .grid-post_outer .postformat-video .responsive-container .wp-video .mejs-container .wp-video-shortcode video {height: auto;} .grid-post_outer .postformat-video .responsive-container .wp-video .mejs-container .mejs-overlay-play {max-width: 100%;} .grid-post_outer .postformat-video .responsive-container .wp-video .mejs-container .mejs-overlay-button {top: 50%;} body.page-template-template-post-format .gallerybox-bg-txtwrap, body.page-template-template-post-format .gallerybox-socnet {display: none;} body.page-template-template-post-format .gallerybox-bg-wrap .gallerybox-navi {display: block; float: none; margin: 0 auto 15px; width: 800px;} body.page-template-template-post-format .gallerybox-bg-wrap .gallerybox-bg-imgwrap-fw {display: block; float: none; margin: 0 auto 30px !important; width: 800px !important;} body.page-template-template-post-format .gallerybox-bg-wrap .gallerybox-bg-imgwrap-fw img {display: block; float: none; margin: 0 auto; max-width: 800px;} .grid-post_outer.pf_featured {background-color: #fcf4f4; border-color: #ed8080;} .grid-post_outer.pf_featured .grid-post_inner h3 a {color: #b24343;} .grid-post_outer.pf_featured .grid-post_inner h3 a:hover, .grid-post_outer.pf_featured .grid-post_inner h3 a:active {color: #892A2A;} .grid-post_outer.pf_featured .grid-post_inner {color: #444;} .grid-post_outer.pf_featured .grid-post_meta .meta-left, .grid-post_outer.pf_featured .grid-post_meta .meta-right {color: #FFFFFF;} .grid-post_outer.pf_featured .grid-post_meta .meta-left a, .grid-post_outer.pf_featured .grid-post_meta .meta-right a {color: #FFFFFF;} .grid-post_outer.pf_featured .grid-post_meta .meta-left a:hover, .grid-post_outer.pf_featured .grid-post_meta .meta-right a:hover, .grid-post_outer.pf_featured .grid-post_meta .meta-left a:active, .grid-post_outer.pf_featured .grid-post_meta .meta-right a:active {color: #FFFFFF;} .grid-post_outer.pf_featured .grid-post_meta {background-color: #EADCDC;} .grid-post_outer.pf_featured2 {background-color: #fcf4f4; border-color: #ed8080;} .grid-post_outer.pf_featured2 .grid-post_inner h3 a {color: #b24343;} .grid-post_outer.pf_featured2 .grid-post_inner h3 a:hover, .grid-post_outer.pf_featured2 .grid-post_inner h3 a:active {color: #892A2A;} .grid-post_outer.pf_featured2 .grid-post_inner {color: #444;} .grid-post_outer.pf_featured2 .grid-post_meta .meta-left, .grid-post_outer.pf_featured2 .grid-post_meta .meta-right {color: #FFFFFF;} .grid-post_outer.pf_featured2 .grid-post_meta .meta-left a, .grid-post_outer.pf_featured2 .grid-post_meta .meta-right a {color: #FFFFFF;} .grid-post_outer.pf_featured2 .grid-post_meta .meta-left a:hover, .grid-post_outer.pf_featured2 .grid-post_meta .meta-right a:hover, .grid-post_outer.pf_featured2 .grid-post_meta .meta-left a:active, .grid-post_outer.pf_featured2 .grid-post_meta .meta-right a:active {color: #FFFFFF;} .grid-post_outer.pf_featured2 .grid-post_meta {background-color: #EADCDC;} body.single-format-gallery .gallerybox-img-hoverwrapgal {width: 33%;} body.single-format-gallery .post-excerpt .gallery {display: none;} .gallerybox-bg-imgwrap-fw figure {margin: 0 auto;} .gallerybox-navi { margin-bottom: 40px; /*This was 50px in the plugin, so just needs to be changed to to 40px*/ display: block; } .gallerybox-bg-imgwrap-fw img {max-height: 600px;} @media screen and (min-width: 769px) { .gallerybox-gallery-wrap.gallerybox-columns-1 .gallerybox-img-hoverwrapgal:nth-child(1n+2), .gallerybox-gallery-wrap.gallerybox-columns-2 .gallerybox-img-hoverwrapgal:nth-child(2n+3), .gallerybox-gallery-wrap.gallerybox-columns-3 .gallerybox-img-hoverwrapgal:nth-child(3n+4), .gallerybox-gallery-wrap.gallerybox-columns-4 .gallerybox-img-hoverwrapgal:nth-child(4n+5), .gallerybox-gallery-wrap.gallerybox-columns-5 .gallerybox-img-hoverwrapgal:nth-child(5n+6), .gallerybox-gallery-wrap.gallerybox-columns-6 .gallerybox-img-hoverwrapgal:nth-child(6n+7), .gallerybox-gallery-wrap.gallerybox-columns-7 .gallerybox-img-hoverwrapgal:nth-child(7n+8), .gallerybox-gallery-wrap.gallerybox-columns-8 .gallerybox-img-hoverwrapgal:nth-child(8n+9), .gallerybox-gallery-wrap.gallerybox-columns-9 .gallerybox-img-hoverwrapgal:nth-child(9n+10) { float: left; clear: left; } } @media screen and (max-width: 768px) { .gallerybox-gallery-wrap .gallerybox-img-hoverwrapgal:nth-child(3n+4) { float: left; clear: left; } } @media screen and (max-width: 767px) { .gallerybox-bg-imgwrap-fw img {margin: 40px auto 0;} } /**** 10. SINGLE POST STYLING ****/ body.single-post img.wp-post-image { float: left; width: 70%; } .meta-post { float:right; width:240px; color:#5A5A5A; font-size:14px; line-height:21px; } .meta-post.left { float:left; width:100%; border-bottom: 1px solid #EEEEEE; /* margin: 0 0 30px;*/ padding-bottom: 20px; } .meta-post ul { margin-left:0; } .meta-post.left ul { margin-bottom:0; } .meta-post li { list-style:none; padding-bottom:5px; } .meta-post [class^="icon-"],.meta-post [class*=" icon-"] { font-size:16px; float:left; margin:0 10px auto 0; } .meta-post li .meta-item { padding-left: 30px; } .post-excerpt { margin:20px 0; } .socialshare-header { border-bottom:none; margin:0 0 20px; } .socialshares { font-size:16px; padding:10px; } .socialshares a { text-decoration:none; } section.authortop .author { display:block; } .socialshares a:hover, .author-right a:hover { opacity:0.7; text-decoration: none; } .socialshares [class^="icon-"], .socialshares [class*=" icon-"],.authortop .author [class^="icon-"], .authortop .author [class*=" icon-"] { font-size:24px; margin:0 10px; } .socialshares .icon-facebook, .authortop .author .icon-facebook { color:#3B5998; text-decoration:none; } .socialshares .icon-twitter, .authortop .author .icon-twitter { color:#00BEF6; text-decoration:none; } .socialshares .icon-linkedin,.authortop .author .icon-linkedin { color:#3692C3; text-decoration:none; } .socialshares .icon-google-plus,.authortop .author .icon-google-plus { color:#DD4B39; text-decoration:none; } .socialshares .icon-pinterest, .authortop .author .icon-pinterest { color:#CB2027; text-decoration:none; } .socialshares .icon-camera-retro, .authortop .author .icon-camera-retro { color:#9B6850; text-decoration:none; } .socialshares .icon-envelope, .authortop .author .icon-envelope { color:#5A5A5A; text-decoration:none; } .socialshares .icon-globe, .authortop .author .icon-globe { color:#1ABC9C; text-decoration:none; } .page-header h3 { color:#5A5A5A; } .authortop { margin:0 0 20px; } .authortop .page-header { border-bottom: none; margin: 0 0 0; padding-bottom: 9px; } .thumbnail .caption {clear: both;} .relatedposts .page-header { border-bottom: none; margin-bottom:0; } .relatedposts ul.related .rel-posts img.wp-post-image, .span9 li.portfolio-entry img, .span12 li.portfolio-entry img { width:100%; } .relatedposts .page-header ul.thumbnails { margin-bottom:0; } ul.related h3 { font-size:16px; line-height:30px; } ul.related p { font-size:13px; } body.single-post .page-header { border-bottom-color: #ffffff; border-bottom-width: 4px; } body.single-post .span8 .entry img.wp-post-image { max-width:65%; } body.single-post .span8 .author-left { width: 15%; } body.single-post .span8 .author-right.tenpad { width: auto; } /**** 11. PORTFOLIO STYLING ****/ /**** Removed from theme ****/ /**** 12. SIDEBAR STYLING ****/ widget .textwidget, .widget { color:#485E80; } .rightsb { float:right; } .bs-docs-sidebar { float:left; margin-top:30px; } .rightsb .bs-docs-sidenav > li > a, .rightsb ul.menu { text-align: right; } .bs-docs-sidenav > li > a:hover { color:#3784c4; } .bs-docs-sidenav .icon-chevron-left { float: left; margin-top: 7px; margin-right: -6px; opacity: .25; } .bs-docs-sidenav > li > a:hover, .bs-docs-sidebar.rightsb ul.menu > li:hover, .bs-docs-sidebar ul.menu > li:hover, .footer ul.menu>li:hover, .widget_categories ul li:hover, .widget_nav_menu ul.sub-menu li:hover, .widget_recent_comments ul#recentcomments li:hover { background-color: #f5f5f5; text-decoration:none; } .widget_categories ul li a:hover, .widget_nav_menu ul li a:hover, .widget_recent_comments ul#recentcomments li a:hover { text-decoration:none; } .bs-docs-sidenav a:hover .icon-chevron-left { opacity: .5; } .bs-docs-sidenav, ul.menu, .widget_categories ul, .widget_nav_menu ul.sub-menu ,.widget_recent_comments ul#recentcomments{ background-color: #FFFFFF; border-radius: 0px; box-shadow: none; margin: 8px 0 30px; padding: 0; } .widget_nav_menu ul.sub-menu, .widget_nav_menu ul.sub-menu li { margin-left: 0; list-style: none; } .widget_recent_comments ul#recentcomments, .widget_recent_comments ul#recentcomments { list-style: none; } .widget_categories ul li ul, .widget_nav_menu ul li ul.sub-menu { margin-bottom:0; } .bs-docs-sidenav > li:first-child > a, .bs-docs-sidebar.rightsb ul.menu > li:first-child, .bs-docs-sidebar ul.menu > li:first-child, .footer ul.menu > li:first-child, .widget_categories ul > li:first-child, .widget_recent_comments ul#recentcomments li:first-child { /*border-radius: 6px 6px 0 0;*/ border-top-left-radius: 0px; border-top-right-radius: 0px; } .bs-docs-sidenav > li:last-child > a, .bs-docs-sidebar.rightsb ul.menu > li:last-child, .bs-docs-sidebar ul.menu > li:last-child, .footer ul.menu > li:last-child, .widget_categories ul > li:last-child, .widget_recent_comments ul#recentcomments li:last-child{ /*border-radius: 0 0 6px 6px;*/ border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .bs-docs-sidenav > li > a, .bs-docs-sidebar.rightsb ul.menu li, .bs-docs-sidebar ul.menu li, .footer.simple-sides ul.menu li, .footer.simple-boxed ul.menu li, .widget_categories ul li, .widget_recent_comments ul#recentcomments li { border-width: 1px 4px; border-style: solid; border-color: #ffffff; display: block; margin: 0 0 -1px; padding: 8px 14px; } .bs-docs-sidenav > li > a, .bs-docs-sidebar.rightsb ul.menu li, .bs-docs-sidebar ul.menu li, .footer ul.menu li, .widget_categories ul li, .widget_recent_comments ul#recentcomments li { border-width: 1px 4px; border-style: solid; border-color: #ffffff; display: block; margin: 0 0 -1px; padding: 8px 14px; } .bs-docs-sidenav > li:first-child > a, .bs-docs-sidebar.rightsb ul.menu li:first-child, .bs-docs-sidebar ul.menu li:first-child, .footer ul.menu li:first-child, .widget_categories ul li:first-child, .widget_recent_comments ul#recentcomments li:first-child { border-top-width:4px; } .bs-docs-sidenav > li:last-child > a, .bs-docs-sidebar.rightsb ul.menu li:last-child, .bs-docs-sidebar ul.menu li:last-child, .footer ul.menu li:last-child, .widget_categories ul li:last-child, .widget_recent_comments ul#recentcomments li:last-child { border-bottom-width:4px; } .widget_categories ul li ul.children, .widget ul.children, .widget_nav_menu ul li ul.sub-menu { box-shadow:none !important; margin-bottom:0 !important; border-radius: 0; } .widget_categories ul li ul li, .widget_nav_menu ul li ul.sub-menu li, .widget ul li ul.sub-menu li { border-left:none !important; border-right:none !important; border-radius:0 !important; padding-left:15px !important; } .widget ul.children li { border-left:none; border-bottom:none; border-right:none; } .widget ul.children li:first-child { border-top-width: 1px !important; } .widget_categories ul li ul li:first-child, .widget_nav_menu ul li ul.submenu li:first-child { border-radius:0; } .widget_categories ul li ul li:last-child, .widget_nav_menu ul li ul.sub-menu li:last-child { border-radius:0; border-bottom:none; } .icon-double-angle-right:before { content: "\f101"; } /**** 13. WIDGET STYLING ****/ .title-left .widget-title { text-align: left; } .title-center .widget-title { text-align: center; } .title-right .widget-title { text-align: right; } .widget-left { text-align: left; } .widget-right { text-align: right; } .widget-center { text-align: center; } .bs-docs-sidebar .widget #searchform { padding: 10px; border: 4px solid #ffffff; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .bs-docs-sidebar.simple-sides.pull-right .widget-wrap{ background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important; border-left: 4px solid #ffffff; border-top: none; border-bottom: none; } .bs-docs-sidebar.simple-sides.pull-left .widget-wrap{ background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important; border-right: 4px solid #ffffff; border-top: none; border-bottom: none; } .bs-docs-sidebar.simple-boxed .widget-wrap{ border: 4px solid #ffffff; background: transparent; } .bs-docs-sidebar.plain .widget-wrap .widget ul, .bs-docs-sidebar.plain .widget-wrap .widget_recent_comments ul#recentcomments, .bs-docs-sidebar.plain .widget-wrap .widget .tagcloud, .bs-docs-sidebar.plain .widget-wrap .widget .textwidget, .bs-docs-sidebar.plain .widget-wrap .widget #calendar_wrap, .bs-docs-sidebar.plain .widget-wrap .widget #searchform { background: transparent; border: 0 none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; } .bs-docs-sidebar.simple-sides .widget-wrap .widget ul, .bs-docs-sidebar.simple-boxed .widget-wrap .widget ul { box-shadow: none!important; background-color: transparent!important; border-radius: 0; } .bs-docs-sidebar.plain .widget-wrap .widget li, .bs-docs-sidebar.plain .widget-wrap .widget_recent_comments ul#recentcomments li { border: 0 none; background: transparent; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .bs-docs-sidebar.simple-sides .widget-wrap .widget li, .bs-docs-sidebar.simple-boxed .widget-wrap .widget li { border: 0 none!important; padding: 0; margin: 0; } .bs-docs-sidebar.simple-sides .widget-wrap .widget ul.sub-menu li, .bs-docs-sidebar.simple-sides .widget-wrap .widget ul.children li, .bs-docs-sidebar.simple-boxed .widget-wrap .widget ul.sub-menu li, .bs-docs-sidebar.simple-boxed .widget-wrap .widget ul.children li { padding-left: 15px; } .bs-docs-sidebar.plain .widget-wrap .widget li a { border: 0 none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .bs-docs-sidebar.simple-sides .widget-wrap .widget li a, .bs-docs-sidebar.simple-boxed .widget-wrap .widget li a { border-bottom-width: 1px!important; border-bottom-style: solid!important; border-bottom-color: #ffffff!important; display: block; padding: 8px 14px; } .bs-docs-sidebar.simple-sides .widget-wrap .widget li:last-child a, .bs-docs-sidebar.simple-boxed .widget-wrap .widget li:last-child a { border-bottom-width: 0!important; } .bs-docs-sidebar.simple-sides .widget-wrap .widget li .sub-menu, .bs-docs-sidebar.simple-sides .widget-wrap .widget li .children, .bs-docs-sidebar.simple-boxed .widget-wrap .widget li .sub-menu, .bs-docs-sidebar.simple-boxed .widget-wrap .widget li .children { margin-top: 0; } .bs-docs-sidebar.simple-sides .widget-wrap .widget li:hover, .bs-docs-sidebar.simple-sides .widget-wrap .widget li a:hover, .bs-docs-sidebar.simple-boxed .widget-wrap .widget li:hover, .bs-docs-sidebar.simple-boxed .widget-wrap .widget li a:hover { background-color: #ffffff!important; } .bs-docs-sidebar.simple-sides .widget-wrap .widget .textwidget, .bs-docs-sidebar.simple-boxed .widget-wrap .widget .textwidget { background-color: transparent; border: 0 none; border-radius: 0; box-shadow: none; } .bs-docs-sidebar.simple-sides .nav-tabs.nav-stacked>li>a, .bs-docs-sidebar.simple-boxed .nav-tabs.nav-stacked>li>a { border-top: 0 none!important; border-left: 0 none!important; border-right: 0 none!important; } .bs-docs-sidebar.simple-sides .nav-tabs.nav-stacked>li:last-child>a, .bs-docs-sidebar.simple-boxed .nav-tabs.nav-stacked>li:last-child>a { border-bottom: 0 none!important; } .bs-docs-sidebar.simple-sides .widget #recentcomments .recentcomments a, .bs-docs-sidebar.simple-boxed .widget #recentcomments .recentcomments a{ border: 0 none!important; } .bs-docs-sidebar.simple-sides .widget #recentcomments, .bs-docs-sidebar.simple-boxed .widget #recentcomments { border-radius: 0; } .bs-docs-sidebar.simple-sides .widget #recentcomments .recentcomments, .bs-docs-sidebar.simple-boxed .widget #recentcomments .recentcomments { border-bottom-width: 1px!important; border-bottom-style: solid!important; border-bottom-color: #ffffff!important; } .bs-docs-sidebar.simple-sides .widget #recentcomments .recentcomments:first-child, .bs-docs-sidebar.simple-boxed .widget #recentcomments .recentcomments:first-child { border-radius: 0; } .bs-docs-sidebar.simple-sides .widget #recentcomments .recentcomments:last-child, .bs-docs-sidebar.simple-boxed .widget #recentcomments .recentcomments:last-child { border: 0 none!important; border-radius: 0; } .bs-docs-sidebar.simple-sides .widget #searchform, .bs-docs-sidebar.simple-boxed .widget #searchform { padding: 0; border:none; background:none; } .widget-wrap { margin: 0 0; padding: 0; background-color: transparent; } .widget-wrap h3 { line-height:32px; font-weight:400; } .widget a, .widget a:hover { color:#1ABC9C; } .widget ul { list-style: none; margin: 0; background-color: #FFFFFF; border-radius: 0px; box-shadow: none; margin: 8px 0 30px; padding: 0; } .widget ul li { border-color: #ffffff; border-style: solid; border-width: 1px 4px; color: #1ABC9C; display: block; margin: 0px 0 -1px; padding: 8px 14px; } .widget ul li:first-child { border-top-width:4px; } .widget ul li:last-child { border-bottom-width:4px; } .widget ul li:hover { background-color: #ffffff; color: #1ABC9C; text-decoration: none; } .widget ul.children, .widget ul.sub-menu { border-radius: 0; } .widget ul li:first-child { /*border-radius: 6px 6px 0 0;*/ border-top-left-radius: 0px; border-top-right-radius: 0px; } .widget ul.children li:first-child, .widget ul.sub-menu li:first-child { border-radius: 0; } .widget ul li:last-child { /*border-radius: 0 0 6px 6px;*/ border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .widget ul.children li:last-child, .widget ul.sub-menu li:last-child { border-radius: 0; } .widget ul li>a { padding: 0; display: block; } .widget ul li>a:hover { text-decoration: none; } .simple-sides .widget ul, .simple-boxed .widget ul { list-style: none; background-color: transparent; border-radius: 0; box-shadow: none; margin: 0 0 30px; padding: 0; } .simple-sides .widget ul li, .simple-boxed .widget ul li { padding: 8px 14px; border: 0 none; border-bottom: 1px solid #E5E5E5; display: block; margin: 0; } .simple-sides .widget ul li:hover, .simple-boxed .widget ul li:hover { background-color: transparent; text-decoration: none; } .simple-sides .widget ul li:first-child, .simple-sides .widget ul li:last-child, .simple-boxed .widget ul li:first-child, .simple-boxed .widget ul li:last-child { border-radius: 0; } .simple-sides .widget ul li>a, .simple-boxed .widget ul li>a { padding: 0; display: block; } .simple-sides .widget ul li>a:hover, .simple-boxed .widget ul li>a:hover { text-decoration: none; } .widget select, .widget textarea, .widget input[type="text"], .widget input[type="password"], .widget input[type="datetime"], .widget input[type="datetime-local"], .widget input[type="date"], .widget input[type="month"], .widget input[type="time"], .widget input[type="week"], .widget input[type="number"], .widget input[type="email"], .widget input[type="url"], .widget input[type="search"], .widget input[type="tel"], .widget input[type="color"], .widget .uneditable-input { width: 91%; } .bs-docs-sidebar.simple-sides .widget-wrap, .bs-docs-sidebar.simple-boxed .widget-wrap{ max-width:100%; width: auto; padding: 15px; } .bs-docs-sidebar.simple-sides.span3 .widget-wrap.stay { width: 248px; padding: 0 20px; } .bs-docs-sidebar.simple-sides.span4 .widget-wrap.stay { width: 278px; padding: 0 20px; } aside.widget { margin-bottom:20px; } .footer.simple-sides .footer-widget-wrap .widget li:last-child a, .footer.simple-boxed .footer-widget-wrap .widget li:last-child a { border-bottom:none !important; } .footer.simple-sides .footer-widget-wrap .widget ul.sub-menu li:last-child a, .footer.simple-boxed .footer-widget-wrap .widget ul.sub-menu li:last-child a { border-bottom-width:1px !important; border-bottom-style:solid !important; border-bottom-color: #2A2D40 !important; } .widget select { width: 100%; } .textwidget { width: 100%; background-color: #E4EEF2; border: 4px solid #ffffff; border-radius: 0px; box-shadow: none; margin: 0 0 30px; padding:0; } .textwidget p { padding:8px 14px 2px; } .bs-docs-sidebar img { width:100%; height:auto; } /* WP RSS Widget */ aside.widget_rss li { margin-bottom:10px !important; } aside.widget_rss ul li a { font-weight:bold; padding:0 !important; } aside.widget_rss ul li span.rss-date { font-size: 12px; font-style: italic; line-height: 26px; } aside.widget_rss ul li cite { font-size: 12px; font-style: italic; line-height: 26px; } /* WP Calendar Widget */ #calendar_wrap { text-align:center; } .footer aside.widget #calendar_wrap { background-color: #FFFFFF; border-radius: 0px; box-shadow: none; list-style: none outside none; margin: 8px 0 30px; padding: 10px; } .footer.simple-sides aside.widget #calendar_wrap, .footer.simple-boxed aside.widget #calendar_wrap { background: none; border-radius: 0; box-shadow: none; list-style: none outside none; margin: 0; padding: 0; } #calendar_wrap table { width:100%; } #calendar_wrap table caption { font-size: 16px; margin-bottom: 10px; } #calendar_wrap table thead tr > th, #calendar_wrap table tbody tr > td { border:1px solid #ffffff; } /* WP Tag Cloud Widget */ .footer aside.widget .tagcloud { background-color: #FFFFFF; border-radius: 0px; box-shadow: none; list-style: none outside none; margin: 8px 0 30px; padding: 20px; } .footer.simple-sides aside.widget .tagcloud, .footer.simple-boxed aside.widget .tagcloud { background: none; border-radius: 0; box-shadow: none; list-style: none outside none; margin: 0; padding: 0; border-width: 0; } /* WP Search Widget */ .footer aside.widget form#searchform { background-color: #FFFFFF; border-radius: 0px; box-shadow: none; list-style: none outside none; margin: 8px 0 30px; padding: 10px; } .footer.simple-sides aside.widget form#searchform, .footer.simple-boxed aside.widget form#searchform { background: none; border-radius: 0; box-shadow: none; list-style: none outside none; margin: 0; padding: 0; border-width: 0; } /* Footer Widget Areas */ .footer.simple-sides .footer-widget-wrap { background: linear-gradient(to right, #FAFDFF 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 transparent; background: -moz-linear-gradient(left, #FAFDFF 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FAFDFF), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left, #FAFDFF 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, #FAFDFF 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, #FAFDFF 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FAFDFF', endColorstr='#00ffffff',GradientType=1 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important; border-left: none; /*margin-left:0 !important;*/ } .footer.simple-sides .footer-widget-wrap { padding: 0 0 0 30px; } .footer.simple-sides .span3.footer-widget-wrap { width: 246px; } /* Respondo Shortcode Widget */ .widget_respondo_text_widget .widget, .widget_respondo_text_widget { margin-bottom:0 !important; } /* Widget Area Default Styling */ .bs-docs-sidenav, ul.menu, .widget_categories ul, .widget_nav_menu ul.sub-menu, .widget_recent_comments ul#recentcomments, .widget ul, .footer aside.widget #calendar_wrap, .bs-docs-sidebar aside.widget #calendar_wrap, /*.footer aside.widget form#searchform,*/ .bs-docs-sidebar aside.widget form#searchform, .footer aside.widget .tagcloud, .bs-docs-sidebar aside.widget .tagcloud, .widget .textwidget { background: #E4EEF2; } .bs-docs-sidenav > li > a, .bs-docs-sidebar.rightsb ul.menu li, .bs-docs-sidebar ul.menu li { border-color: #ffffff!important; } .footer .footer-widget-wrap > li > a, .footer .footer-widget-wrap ul.menu li, .footer .footer-widget-wrap ul.menu li { border-color: #2A2D40!important; } .footer .widget .textwidget { border:1px solid #2A2D40; } .widget .textwidget, .bs-docs-sidebar .widget .textwidget { border-color: #ffffff!important; border-width: 4px; border-style: solid; } .widget form#searchform { border-color: #ffffff!important; border-width: 4px; border-style: solid; } .footer ul li, .footer .widget_categories ul li, .footer .widget_recent_comments ul#recentcomments li { border-color: #2A2D40; } .bs-docs-sidebar ul li, .widget_categories ul li, .widget_recent_comments ul#recentcomments li { border-color: #ffffff!important; } .footer .widget form#searchform { border-width: 4px; border-style: solid; border-color: #2A2D40!important; padding: 9px; } .footer .widget #calendar_wrap, .footer .widget .tagcloud { border-color: #2A2D40; } .widget #calendar_wrap { border-width: 4px; border-style: solid; border-color: #ffffff!important; padding: 9px; } .widget .tagcloud { border-width: 4px; border-style: solid; border-color: #ffffff!important; padding: 9px; } .bs-docs-sidenav > li > a:hover { background-color: #2f3245!important; color: #e4f2ef!important; } .bs-docs-sidenav > li:hover, .bs-docs-sidebar.rightsb ul.menu > li:hover, .bs-docs-sidebar ul.menu > li:hover, .widget_categories ul li:hover, .widget_nav_menu ul.sub-menu li:hover, .widget_recent_comments ul#recentcomments li:hover, .bs-docs-sidebar ul> li:hover, .bs-docs-sidenav li.current_page_item a, .bs-docs-sidenav li.current-menu-item a, .bs-docs-sidebar li.current_page_item a, .bs-docs-sidebar li.current-menu-item a, .bs-docs-sidenav li.current_page_item, .bs-docs-sidenav li.current-menu-item, .bs-docs-sidebar li.current_page_item, .bs-docs-sidebar li.current-menu-item { background-color: #ffffff!important; color: #1ABC9C; cursor:pointer; } .bs-docs-sidenav > li:hover > a, .bs-docs-sidebar.rightsb ul.menu > li:hover>a, .bs-docs-sidebar ul.menu > li:hover>a, .widget_categories ul li:hover>a, .widget_nav_menu ul.sub-menu li:hover>a, .widget_recent_comments ul#recentcomments li:hover>a, .bs-docs-sidebar ul> li:hover>a{ color: #1ABC9C; } .footer.simple-sides .widget-wrap .widget li a:hover, .footer.simple-boxed .widget-wrap .widget li a:hover, .footer.simple-sides .widget #recentcomments .recentcomments:hover, .footer.simple-boxed .widget #recentcomments .recentcomments:hover, .footer.rightsb ul.menu > li:hover, .footer .widget_categories ul li:hover, .footer .widget_nav_menu ul.sub-menu li:hover, .footer .widget_recent_comments ul#recentcomments li:hover, .footer ul.menu > li:hover, .footer ul > li:hover, .footer ul.menu > li:hover, .footer .footer-widget-wrap > li > a:hover { background-color:#2F3245 !important; color:#E4F2EF; } .footer.rightsb ul.menu > li:hover>a, .footer .widget_categories ul li:hover>a, .footer .widget_nav_menu ul.sub-menu li:hover>a, .footer .widget_recent_comments ul#recentcomments li:hover>a, .footer ul.menu > li:hover>a, .footer ul > li:hover>a { color: #E4F2EF!important; } /**** 14. LAYERSLIDER STYLING ****/ .ls-container { z-index:0; } /**** 15. GRAVITY FORMS & CONTACT FORM 7 STYLING ****/ /* Gravity Forms */ .gform_wrapper ul li.gfield, .gform_wrapper ul li.gfield:hover { border:none; background-color: transparent !important; cursor: default; } .gform_wrapper ul li:before, .gform_wrapper ul li:after, .gform_wrapper ul.gform_fields { list-style: none; margin: 0; } .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input { width: 55% !important; } .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .top_label .gfield_label { font-size: 18px; font-weight: 200; line-height: 26px; margin-bottom: 0px; } .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { display: block; font-size: 11px !important; letter-spacing: 0.5pt; line-height: 14px !important; margin: -3px 0 3px 5px; } .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year { width: 75px !important; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { margin-bottom:5px !important; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; height:auto; line-height:20px; } .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full { margin-top: 5px; } .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper textarea { padding: 4px 6px; font-size: 14px; } .gform_wrapper .gfield_time_ampm select { width: 68px; } .gform_wrapper select { padding: 4px 6px; font-size: 14px; } .gform_wrapper .ginput_complex select, .gform_wrapper .ginput_complex .ginput_right select { padding: 4px 6px!important; width: 98.7%!important; line-height: 20px; height: 41px; } .ginput_complex.ginput_container input { margin-bottom: 5px; } .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input, .gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex .ginput_right input[type="text"], .gform_wrapper .ginput_complex .ginput_right input[type="url"], .gform_wrapper .ginput_complex .ginput_right input[type="email"], .gform_wrapper .ginput_complex .ginput_right input[type="tel"], .gform_wrapper .ginput_complex .ginput_right input[type="number"], .gform_wrapper .ginput_complex .ginput_right input[type="password"], .gform_wrapper .ginput_complex .ginput_right select { width: 94%!important; } .gform_wrapper .ginput_complex .ginput_full input { width: 97%!important; } .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="email"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="number"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="password"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="tel"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="text"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="url"], .gform_wrapper .ginput_complex input[type="email"], .gform_wrapper .ginput_complex input[type="number"], .gform_wrapper .ginput_complex input[type="password"], .gform_wrapper .ginput_complex input[type="tel"], .gform_wrapper .ginput_complex input[type="text"], .gform_wrapper .ginput_complex input[type="url"] { padding: 7px 3% 6px !important; width: 94% !important; } .gform_wrapper .ginput_complex input[type="text"], .gform_wrapper .ginput_complex input[type="url"], .gform_wrapper .ginput_complex input[type="email"], .gform_wrapper .ginput_complex input[type="tel"], .gform_wrapper .ginput_complex input[type="number"], .gform_wrapper .ginput_complex input[type="password"], .gform_wrapper .ginput_complex select, .gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea, .widget select, .widget textarea, .widget input[type="text"], .widget input[type="password"], .widget input[type="datetime"], .widget input[type="datetime-local"], .widget input[type="date"], .widget input[type="month"], .widget input[type="time"], .widget input[type="week"], .widget input[type="number"], .widget input[type="email"], .widget input[type="url"], .widget input[type="search"], .widget input[type="tel"], .widget input[type="color"], .widget .uneditable-input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border:4px solid #1ABC9C; background-color: #FAFAFA; padding:7px 6px 6px; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #1ABC9C; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { box-shadow: rgba(16, 150, 123, 0.6); } .gform_wrapper.gf_browser_gecko select { border: 4px solid #1ABC9C; background-color: #FAFAFA; height: 41px; line-height: 20px; padding: 6px; } form.wpcf7-form input[type="radio"], form.wpcf7-form input[type="checkbox"] { margin: -2px 0 0; } span.wpcf7-list-item { display: block; } form.wpcf7-form .radio input[type="radio"], form.wpcf7-form .checkbox input[type="checkbox"] { margin-left: 0px; margin-top:0; float:none; } .gform_wrapper .gform_page_footer { border-top: none; } .gform_wrapper .gf_progressbar_wrapper { border-bottom: none; } .gform_wrapper .gf_progressbar { background-color: #F7F7F7; background-image: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .gform_wrapper .percentbar_blue { background-color: #297FC5; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-repeat: repeat-x; background-size: 40px 40px; } .gform_wrapper .gf_progressbar_percentage span { text-shadow: none; } /* MyMail Plugin Mods */ .mymail-form .input, .mymail-form .mymail-form-info {height: 40px;} /**** 16. AUTHOR ARCHIVES STYLING ****/ body.author .page-header h1 { margin-bottom:15px; margin-top:5px; } body.author .page-header { border-bottom: medium none; margin-top:0; } .author-full { padding:10px; } .author-full .author2 p, .author-right .author2 p { margin:15px 0 0; } .author-right.tenpad { float: none; margin: 10px; width: auto; } .span8 .author-right.tenpad { float: none; margin: 10px; width: auto; } .author-right.tenpad .author1 { clear: right; display: block; float: none; font-size: 21px; margin: 0 0 10px; width: 100%; } .author-right.tenpad .author2 { clear: none; float: none; margin: 0; width: 100%; } .author-right.tenpad .author1 [class^="icon-"], .author-right.tenpad .author1 [class*=" icon-"] { margin:0 15px 0 0; } .author-left { float:left; } .thumbnail.author img { display: block; float: left; margin: 0 20px 0 0; } /**** 17. COMMENT STYLING ****/ ol.commentlist { margin-left:10px; } ol.commentlist li { margin-top:0px; list-style:none; } ol.commentlist li article.comment { border: 4px solid #FFFFFF; margin-bottom: 10px; padding: 10px; } ol.commentlist li article.comment img { float:left; margin:0 15px 0 0; background-color: transparent; border: 1px solid #ffffff; box-shadow: none; padding: 4px; border-radius:100px; } ol.commentlist li article.comment img.wp-smiley { float: none; margin: 0; background-color: transparent; border: none; box-shadow: none; padding: 0; border-radius: 0px; } ol.commentlist li article.comment h5 { float:none; font-size:20px; font-weight:bold; margin-top: 5px; } ol.commentlist li article.comment a time { float:none; font-size:12px; display:block; margin-bottom:16px; } ol.commentlist li article.comment p { font-size: 16px; line-height: 28px; } ol.commentlist li article.comment .reply { margin-bottom:0; font-size:11px; } ol.commentlist li article.comment .edit-link { font-size:11px; margin-bottom:0; } ol.commentlist li ol.children { margin-left:90px; } ol.commentlist li li li ol.children, ol.commentlist li li li li ol.children, ol.commentlist li li li li li ol.children, ol.commentlist li li li li li li ol.children, ol.commentlist li li li li li li li ol.children, ol.commentlist li li li li li li li li ol.children { margin-left:0; border-left:1px solid #A7B1BA; padding-left:13px; } /**** 18. WOOCOMMERCE STYLING ****/ button.single_add_to_cart_button, button.single_add_to_cart_button.button.button.alt, .woocommerce #payment #place_order { font-size: 1.25em; padding: 1em !important; text-transform: capitalize; } body.single-product #woo-shop .woocommerce-tabs .panel h2 { font-size: 25px; line-height: 33px; } .related.products h2 { font-size: 25px; line-height: 44px; margin-top: 80px; } .navbar-inverse .btn-navbar, .navbar .btn-navbar { text-shadow:none !important; } #woo-shop section .page-header { border-bottom: 0 none; padding-bottom:0; } #woo-shop section .page-header h1 { margin-bottom:0; } .shop-entry .page-title, .shop-entry .page-description { display: none; } .shop-entry .single-product .images > .thumbnails { margin-left: 0; } .shop-entry .single-product .images > .thumbnails > a { margin-bottom: 3.8%; } .shop-entry .products .product .img-wrap img { border-top: 1px solid rgba(0,0,0,0.1); } .shop-entry .single-product .images a.zoom img { border-top: 1px solid rgba(0,0,0,0.1); } .shop-entry .single-product .summary .price { margin-top: 0; } .shop-entry .single-product .summary .label { color: inherit; background-color: transparent; } .shop-entry .single-product .summary .label label { margin-bottom: 0; line-height: 28px; } .shop-entry .single-product .summary .cart { margin-top: 40px; } .shop-entry .single-product .summary .socialshare-header { margin-top: 0; } .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce div.product span.price, .woocommerce div.product p.price, span.amount { color: #1abc9c; } .woocommerce-page .shop-entry .single-product .upsells.products .product, .woocommerce-page .shop-entry .single-product .related.products .product, .woocommerce .shop-entry .single-product .upsells.products .product, .woocommerce .shop-entry .single-product .related.products .product { width: 22%; } .cart-collaterals .cart_totals>table { float: right; } .woocommerce-page div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs { padding-bottom: 4em; padding-top: 3em; border-bottom: 4px solid #ffffff; margin-bottom: 2em; } .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: 4px solid #ffffff; } .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li { border: 0 none; background: transparent none; display: inline-block; position: relative; z-index: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: none; margin: 0; padding: 0; } .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: transparent; z-index: 2; border-bottom-color: transparent; } .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a:hover, .woocommerce div.product .woocommerce_tabs ul.tabs .active a, .woocommerce div.product .woocommerce_tabs ul.tabs .active a:hover { border: 4px solid #ffffff !important; } .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 4px solid #E4EEF2; -moz-border-radius: 0; border-radius: 0; padding-right: 12px; padding-left: 12px; margin-right: 2px; } .woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { border-color: #fff; border-style:solid; border-width:4px; text-decoration: none; background-color: #fff; background-image: none; background-repeat: repeat-x; color: #485D80; } .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover { color: #1ABC9C!important; background-color: #E4EEF2; background-image: none; background-repeat: repeat-x; border: 4px solid #ffffff; } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text { border:none; } .woocart.dropdown-menu { color: #ffffff; border: 1px solid #ffffff; background-color: #2A2E49; background-image: none; background-repeat: repeat-x; padding: 0; text-align: left; } #pre-header .woocart.dropdown-menu li, .jumbotron .woocart.dropdown-menu li, .woocart.dropdown-menu li { color: #ffffff; } .woocart.dropdown-menu li> a { color: #1ABC9C; } .woocart .buttons .btn-navbar { color: #1ABC9C; } .woocart li.cart_list_product:hover { text-decoration: none; background-color: #343957; background-image: none; background-repeat: repeat-x; } .woocart li.cart_list_product:hover>a { color: #1ABC9C; } .woocart .buttons .btn-navbar:hover { color: #1ABC9C; } .woocart.dropdown-menu .divider { background-color: #ffffff; border-bottom: 1px solid #ffffff; margin: 9px 0; height:auto; } #reviews #comments ol.commentlist { } #reviews #comments ol.commentlist li { margin-top:30px; } #reviews #comments ol.commentlist li .comment-text { border:none; } #reviews #comments ol.commentlist li .comment_container img { background-color: transparent; border: 1px solid #ffffff; box-shadow: none; padding: 4px; border-radius:100px; } #reviews #comments ol.commentlist li .comment-text p.meta strong { font-size:20px; font-weight:bold; } #reviews #comments ol.commentlist li .comment-text p.meta time { font-size:12px; } #reviews #comments ol.commentlist li .comment-container .description p { font-size:13px; } aside.widget_layered_nav_filters ul { background:none; box-shadow:none; } aside.widget_layered_nav_filters ul li, aside.widget_layered_nav_filters ul li:first-child, aside.widget_layered_nav_filters ul li:last-child { border-radius:0 !important; border:none; margin:5px; } .woocommerce .widget_layered_nav_filters ul li a, .woocommerce-page .widget_layered_nav_filters ul li a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #f5f5f5; background-image: url("img/cross_black.png"), -webkit-gradient(linear, 1000% 0%, 0% 0%, from(#ffffff), to(#e6e6e6)); background-image: url("img/cross_black.png"), -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: url("img/cross_black.png"), -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: url("img/cross_black.png"), -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: url("img/cross_black.png"), -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: url("img/cross_black.png"), linear-gradient(top, #ffffff, #e6e6e6); background-repeat: no-repeat, repeat; background-position: 7px 10px, left top; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #A2A2A2; border-image: none; border-radius: 0px; border-style: solid; border-width: 1px; box-shadow: none; color: #333333; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; margin-bottom: 0; padding: 4px 12px 4px 20px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; } .woocommerce .widget_layered_nav_filters ul li a:hover, .woocommerce-page .widget_layered_nav_filters ul li a:hover { color:#333333 !important; text-decoration:none; transition:background-position 0.1s linear 0s; background-color:#e6e6e6; } .woocommerce .widget_layered_nav_filters ul li:hover, .woocommerce-page .widget_layered_nav_filters ul li:hover { background:none !important; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { background:#0e997d; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range { background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAFUlEQVQIHWP4//9/PRMDA8NzEPEMADLLBU76a5idAAAAAElFTkSuQmCC") repeat-x scroll center top #0e997d; } .woocommerce ul.products li.product .price ins, .woocommerce-page ul.products li.product .price ins, .woocommerce ul.products li.product .price .amount, .woocommerce-page ul.products li.product .price .amount, .woocommerce div.product span.price ins, .woocommerce div.product p.price ins, .woocommerce #content div.product span.price ins, .woocommerce #content div.product p.price ins, .woocommerce-page div.product span.price ins, .woocommerce-page div.product p.price ins, .woocommerce-page #content div.product span.price ins, .woocommerce-page #content div.product p.price ins { font-weight:bold; text-decoration:none; } .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce div.product span.price, .woocommerce div.product p.price { font-weight:bold; } .woocommerce .widget_shopping_cart_content ul.cart_list { border:none; } .woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove { line-height: 21px !important; padding-left: 0px !important; height: 25px; width: 25px; } .woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img { width:80px !important; } .woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th, .woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td { border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; } .woocommerce table.shop_attributes .alt td, .woocommerce table.shop_attributes .alt th, .woocommerce-page table.shop_attributes .alt td, .woocommerce-page table.shop_attributes .alt th { background:none; } #woo-shop .shop-entry .variations_button input[type="number"] { margin-bottom:0 !important; } .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total, .woocommerce-page.widget_shopping_cart .total { padding:10px 0 0 !important; } .shipping-calculator-form input[type=text], .checkout .input-text { height: auto; } #payment .methods input[type=radio] { } #payment .methods label { display: inline-block; } .woocommerce .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before { border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; /*padding-top: 1.25em;*/ box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } /* BEGIN Woo 2.3.7+ Fixes */ .woocommerce-cart .cart-collaterals .cart_totals table {width: 100% !important;} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { float: right !important; padding: 20px 31px !important; } /* END Woo 2.3.7+ Fixes */ .shop-entry .woocommerce-message, .woocommerce .shop-entry .woocommerce-message .woocommerce-page .shop-entry .woocommerce-message, .shop-entry .woocommerce-error, .woocommerce .shop-entry .woocommerce-error .woocommerce-page .shop-entry .woocommerce-error, .shop-entry .woocommerce-info, .woocommerce .shop-entry .woocommerce-info .woocommerce-page .shop-entry .woocommerce-info { margin-top: 30px !important; } .woocommerce-message, .woocommerce .woocommerce-message .woocommerce-page .woocommerce-message { padding: 8px 14px; margin-bottom: 20px; text-shadow: none !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; color: #FFFFFF !important; background: #1ABC9C !important; background-image: none !important; border: 1px solid #0AA485 !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; line-height: 30px; } .woocommerce-error, .woocommerce .woocommerce-error .woocommerce-page .woocommerce-error { background-color: #E05B4A !important; background-image: none !important; border: 1px solid #E23E29 !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none; color: #FFFFFF !important; margin-bottom: 20px; padding: 8px 14px; text-shadow: none !important; line-height: 30px; } .woocommerce-info, .woocommerce .woocommerce-info .woocommerce-page .woocommerce-info { padding: 8px 14px; margin-bottom: 20px; text-shadow: none !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; color: #FFFFFF !important; background: #42A3CE !important; background-image: none !important; border: 1px solid #1192CB !important; line-height: 30px; } .woocommerce-message a, .woocommerce-error a, .woocommerce-info a, .woocommerce-message a:hover, .woocommerce-error a:hover, .woocommerce-info a:hover { color:#ffffff; } .woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before { background: transparent none !important; display: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .woocommerce-message>.btn { float: right; margin-left: 15px; } table.cart td.actions .coupon .input-text, #content table.cart td.actions .coupon .input-text { background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s; display: inline-block; padding: 4px 6px; font-size: 14px; line-height: 20px; color: #555; vertical-align: middle; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } table.cart td.actions .coupon .input-text:focus, #content table.cart td.actions .coupon .input-text:focus { border-color: rgba(82,168,236,0.8); outline: 0; outline: thin dotted 9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6); } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea { line-height: 20px; } form .form-row input.input-text, form .form-row textarea { line-height: 20px; height: auto; } form .form-row-wide input.input-text { } .cart-collaterals .shipping_calculator .btn { width: auto; float: right; display: block; } #order_review .shop_table th.product-quantity { /*text-align: center;*/ } div.pp_woocommerce .pp_content_container { border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { margin: 0!important; max-height: 100% !important; } li.product h3 { line-height: 1.2; } .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty { margin-bottom: 0 !important; } table.cart img, #content table.cart img { width: 60px; } table.cart th.product-quantity, #content table.cart th.product-quantity { text-align: center; } .woocommerce-checkout .entry .col2-set .form-row br { display: none; } #woo-shop .term-description p { font-size: 21px; font-weight: 200; line-height: 30px; margin-bottom: 20px; margin-top:-10px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a { text-shadow:none; color:#485D80; } .woocommerce span.onsale, .woocommerce-page span.onsale { background: none repeat scroll 0 0 #1ABC9C; box-shadow: none; } /* woocommerce widgets */ .woocommerce ul.product_list_widget li, .woocommerce-page ul.product_list_widget li { padding: 8px 14px; } .widget.woocomemrce.widget_shopping_cart .cart_list li { padding: 8px 14px; border: 1px solid #E5E5E5; display: block; margin: 0 0 -1px; } .widget.woocomemrce.widget_shopping_cart .cart_list li:hover { background-color: #f5f5f5; text-decoration: none; } .widget.woocomemrce.widget_shopping_cart .cart_list li:first-child { border-radius: 0; } .widget.woocomemrce.widget_shopping_cart .cart_list li:last-child { border-radius: 0; } .widget.woocomemrce.widget_shopping_cart .cart_list li a { padding: 0; display: inline; } .widget.woocomemrce.widget_shopping_cart .cart_list li .variation { padding-left: 0; border-left: 0 none; font-size: 14px; } .woocommerce-page .widget_shopping_cart .total, .woocommerce-page.widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .buttons, .woocommerce-page.widget_shopping_cart .buttons, .woocommerce .widget_shopping_cart .buttons, .woocommerce.widget_shopping_cart .buttons { text-align: center; } .woocommerce-page .widget_shopping_cart .buttons a, .woocommerce .widget_shopping_cart .buttons a, .woocommerce-page.widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a { width: 30%; /*padding:4px 12px 1px;*/ line-height: 23px; } .widget.woocomemrce.widget .product_list_widget li { padding: 8px 14px; border: 1px solid #E5E5E5; display: block; margin: 0 0 -1px; } .widget.woocomemrce .product_list_widget li:hover { background-color: #f5f5f5; text-decoration: none; } .widget.woocomemrce .product_list_widget li:first-child { border-radius: 0; } .widget.woocomemrce .product_list_widget li:last-child { border-radius: 0; } .widget.woocomemrce .product_list_widget li>a { padding: 0; display: block; } .widget.woocomemrce .product_list_widget li>a:hover { text-decoration: none; } .simple-sides .widget.woocomemrce.widget_shopping_cart, .simple-boxed .widget.woocomemrce.widget_shopping_cart { margin-bottom: 15px; } .simple-sides .widget.woocomemrce.widget_shopping_cart .cart_list li, .simple-boxed .widget.woocomemrce.widget_shopping_cart .cart_list li { padding: 8px 14px; border-bottom-width: 1px!important; border-bottom-style: solid!important; border-bottom-color: #e5e5e5!important; } .simple-sides .widget.woocomemrce.widget_shopping_cart .cart_list li a, .simple-boxed .widget.woocomemrce.widget_shopping_cart .cart_list li a { padding: 0; display: inline; border-bottom: 0 none!important; } .simple-sides .widget.woocomemrce.widget_shopping_cart .cart_list li .variation, .simple-boxed .widget.woocomemrce.widget_shopping_cart .cart_list li .variation { padding-left: 0; border-left: 0 none; font-size: 14px; } .simple-sides .widget.woocomemrce.widget_shopping_cart .total, .simple-sides .widget.woocomemrce.widget_shopping_cart .buttons, .simple-boxed .widget.woocomemrce.widget_shopping_cart .total, .simple-boxed .widget.woocomemrce.widget_shopping_cart .buttons { text-align: center; } .simple-sides .widget.woocomemrce.widget_shopping_cart .buttons a, .simple-boxed .widget.woocomemrce.widget_shopping_cart .buttons a { width: auto; } ul.cart_list li dl dd, ul.product_list_widget li dl dd { margin-bottom: 0; } ul.cart_list li img, ul.product_list_widget li img { width: 50px; } .simple-sides .widget.woocomemrce .product_list_widget li, .simple-boxed .widget.woocomemrce .product_list_widget li { padding: 8px 14px; border: 0 none; border-bottom: 1px solid #E5E5E5!important; display: block; margin: 0; } .simple-sides .widget.woocomemrce .product_list_widget li:hover, .simple-boxed .widget.woocomemrce .product_list_widget li:hover { background-color: transparent; text-decoration: none; } .simple-sides .widget.woocomemrce .product_list_widget li:first-child, .simple-sides .widget.woocomemrce .product_list_widget li:last-child, .simple-boxed .widget.woocomemrce .product_list_widget li:first-child, .simple-boxed .widget.woocomemrce .product_list_widget li:last-child { border-radius: 0; } .simple-sides .widget.woocomemrce .product_list_widget li>a, .simple-boxed .widget.woocomemrce .product_list_widget li>a { padding: 0; display: block; border-bottom: none!important; } .simple-sides .widget.woocomemrce .product_list_widget li>a:hover, .simple-boxed .widget.woocomemrce .product_list_widget li>a:hover { text-decoration: none; } .woocommerce .entry .shop_table.cart, .woocommerce table.shop_table td, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th, .woocommerce table.shop_table, .meta-post.left, .thumbnail, a.thumbnail:hover, .blog-single-post, .woocommerce div.product .woocommerce-tabs, div.thumbnail { border-color: #ffffff; border-width: 4px; } .blog-single-post:last-child { border-bottom-width: 0; padding-bottom: 0; } button.single_add_to_cart_button, button.single_add_to_cart_button.button.button.alt { color:#ffffff; text-shadow:none; border-color:#eb8274 !important; background-color:#e05b4a; *background-color:#e05b4a; background-image:none; } button.single_add_to_cart_button:hover, button.single_add_to_cart_button:active { background-color: #e23e29; border-color: #e23e29; color:#ffffff; } .btn.go-checkout, a.checkout-button { color:#ffffff !important; text-shadow:none; border: none; background-color:#1abc9c; background-image:none; border-color: #66d4be !important; border-width: 0 0 4px 0; border-style: none none solid none; } .btn.go-checkout:hover, .btn.go-checkout:active, a.go-checkout:hover, a.go-checkout:active { background-color: #0aa485; border-color: #0aa485; color:#ffffff; background-image:none; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button, input#submit, a.wc-backward { color:#ffffff; text-shadow:none; background-color: #456087; *background-color:#456087; background-image:none; border-width:0 0 4px 0; border-style:solid; border-color:#5a77a2; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; font-weight:normal; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover, input#submit:hover, a.wc-backward:hover, .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active, .woocommerce #respond input#submit:active, .woocommerce #content input.button:active, .woocommerce-page a.button:active, .woocommerce-page button.button:active, .woocommerce-page input.button:active, .woocommerce-page #respond input#submit:active, .woocommerce-page #content input.button:active, input#submit:active, a.wc-backward:active { background-color: #42689e !important; border-color:#42689e; color:#ffffff; background-image:none; } .woocommerce table.shop_table, .woocommerce-page table.shop_table {border-radius: 0;} .woocommerce #payment, .woocommerce-page #payment { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 4px solid #FFFFFF; border-radius: 0; } .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods {border-bottom: none;} .woocommerce #payment div.form-row, .woocommerce-page #payment div.form-row {border-top: none; margin-bottom: 0;} .woocommerce #payment div.payment_box p:first-child, .woocommerce-page #payment div.payment_box p:first-child {margin: 0;} .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { background: transparent; border-radius: 0; box-shadow: none; color: #666666; text-shadow: none; border: 1px solid #efefef; margin: 0.5em 0 2em; } #add_payment_method #payment div.payment_box input.input-text, #add_payment_method #payment div.payment_box textarea, .woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea { border-color: #efefef; } .woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after, #add_payment_method #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border: medium none; } .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods {padding: 1em 1em 0;} aside.woocommerce a { color: #0e997d; } aside.woocommerce a:hover { color: #11bd9b; } aside.woocommerce a.btn, aside.woocommerce a.btn:hover { color: #ffffff !important; } aside.woocommerce .widget_shopping_cart_content a.button { color:#ffffff !important; text-shadow:none; background-color:#456087; *background-color:#456087; background-image:none; border-width:0 0 4px 0; border-style:solid; border-color:#5a77a2; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; padding: 4px 12px; font-size: 14px; font-weight:normal; } aside.woocommerce .widget_shopping_cart_content a.button:hover { background-color: #42689e; border-color:#42689e; color:#ffffff !important; } .woocommerce .order_details, .woocommerce-page .order_details { background: #FAFAFA; padding: 12px 13px 10px; border:4px solid #ffffff; } .woocommerce .order_details li, .woocommerce-page .order_details li { border-right: 2px solid #ffffff; } body.woocommerce-view-order ol.commentlist {margin: 0 0 40px;} body.woocommerce-view-order ol.commentlist li.comment.note { background-color: #f5f5f5; border: 1px solid #58697c; padding: 0px 15px 10px; } body.woocommerce-view-order ol.commentlist li.comment.note p.meta {} body.woocommerce-view-order ol.commentlist li.comment.note .description { font-size: 14px; line-height: 21px; margin-top: -5px; } /* WooCommerce Reviews */ #reviews #comments ol.commentlist li { border:4px solid #ffffff !important; } .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar { top:10px; left:10px; } /* WooCommerce Cart & Checkout */ body.woocommerce-checkout .woocommerce form.login, body.woocommerce-checkout .woocommerce form.checkout_coupon {margin-top: -2em;} .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select, .woocommerce div.product form.cart .variations select, .woocommerce #content div.product form.cart .variations select, .woocommerce-page div.product form.cart .variations select, .woocommerce-page #content div.product form.cart .variations select, .woocommerce form .form-row select, .woocommerce-page form .form-row select { height: 40px; background-image: none; } .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty { background: none repeat scroll 0 0 #FFFFFF; color: #485E80; } .woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover { background-color:#E05B4A !important; color:#ffffff !important; opacity:1; } .woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove{ color:#E05B4A !important; } .woocommerce .quantity .plus, .woocommerce .quantity .minus, .woocommerce #content .quantity .plus, .woocommerce #content .quantity .minus, .woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus, .woocommerce-page #content .quantity .plus, .woocommerce-page #content .quantity .minus { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background: none repeat scroll 0 0 #F4F4F4; text-shadow:none; } .woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover, .woocommerce #content .quantity .plus:hover, .woocommerce #content .quantity .minus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page .quantity .minus:hover, .woocommerce-page #content .quantity .plus:hover, .woocommerce-page #content .quantity .minus:hover { background: none repeat scroll 0 0 #EFEFEF; } .woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; padding:7px 6px; border:4px solid #1ABC9C; width: 120px; margin-bottom: 0 !important; } .woocommerce-checkout .form-row .chzn-container-single .chzn-single { border:4px solid #1ABC9C; background-color: #FAFAFA; background-image: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .woocommerce-checkout .form-row .chzn-container-single .chzn-search input { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register, .woocommerce-page form.login, .woocommerce-page form.checkout_coupon, .woocommerce-page form.register { border:none; } .woocommerce td.product-name dl.variation dd {padding: 0;} .woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt {margin-bottom: 0;} .woocommerce td.product-name dl.variation dd p:last-child {margin: 0;} .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions { padding: 10px 12px; } /* Single Product Lightbox */ div.pp_overlay { background: none repeat scroll 0 0 rgba(42, 45, 64, 0.9); } div.pp_woocommerce .pp_close:before { content:none; } div.pp_woocommerce .pp_close { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; height:40px; width:40px; background-image: url("/wp-content/themes/RespondoPro/img/all_icons.png"); top:-50px; right:0px; opacity:0.6; } div.pp_woocommerce .pp_close:hover { background:url("/wp-content/themes/RespondoPro/img/all_icons.png") repeat scroll 0 0 rgba(0, 0, 0, 0); opacity:1.0; } div.pp_woocommerce .pp_previous:before, div.pp_woocommerce .pp_next:before, div.pp_woocommerce .pp_previous:before, div.pp_woocommerce .pp_next:before { background: none; border: none; border-radius: 0; box-shadow: none; content: none; } div.pp_woocommerce .pp_content_container { padding:40px 0 0; } .pp_bottom { display:none; } a.pp_expand, a.pp_contract, p.currentTextHolder, a.pp_play { display:none !important; } div.pp_woocommerce .pp_nav { left: 0; margin-right: 0; position: absolute; top: -50px; } div.pp_woocommerce .pp_arrow_previous:before, div.pp_woocommerce .pp_arrow_next:before { content:none; } div.pp_woocommerce .pp_arrow_previous, div.pp_woocommerce .pp_arrow_next { background-image: url("/wp-content/themes/RespondoPro/img/all_icons.png"); border: medium none; border-radius: 0; box-shadow: none; height: 40px; margin-top: -1px; width: 40px; opacity:0.6; } .ppt, p.pp_description { display: none !important; } div.pp_woocommerce .pp_arrow_previous:hover, div.pp_woocommerce .pp_arrow_next:hover { background-image: url("/wp-content/themes/RespondoPro/img/all_icons.png"); opacity:1.0; } div.pp_woocommerce .pp_arrow_previous, div.pp_woocommerce .pp_arrow_previous:hover { background-position:-210px 0; } div.pp_woocommerce .pp_arrow_next, div.pp_woocommerce .pp_arrow_next:hover { background-position:-252px 0; } /* WooCommerce PreHeader Cart Updates */ woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { display: block; font-size: 13px; font-weight: 400; margin: 5px 0; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { left: 10px; top: 10px; } .woocart li.cart_list_product a.woo-cart-ptitle { font-size: 14px; font-weight: 400; font-weight: 400; line-height: 18px; margin-bottom: 10px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a { color: #545454; text-shadow: none; } .woocommerce ul.cart_list.product_list_widget li a { padding: 0.5px 0.5px 1px 1px; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-top: 8px; } .woocart li.cart_list_product .variation dt p, .woocart li.cart_list_product .variation dd p { margin: 0; } #pre-header.navbar ul.woocart.dropdown-menu .btn-navbar { display: block; width: calc(100% - 40px); margin: 10px 10px; } /* WooCommerce 2.1 Updates */ .woocommerce-shipping-fields h3#ship-to-different-address label.checkbox { float: left; padding: 0; } .woocommerce-shipping-fields h3#ship-to-different-address input.input-checkbox { float: left; margin: 3px 0 0 10px !important; } input#apply_for_vendor { float: left; margin: 1px 10px 0 0 !important; } /* WooCommerce Product Enquiry Form Additions */ /* WooCommerce Product Vendor Additions */ .woocommerce ul.cart_list li dl.variation, .woocommerce ul.product_list_widget li dl.variation { margin: 5px 0; } .woocommerce ul.cart_list li dl.variation, .woocommerce ul.product_list_widget li dl.variation dt { font-size: 13px; padding-bottom: 0; } .woocommerce ul.cart_list li dl.variation, .woocommerce ul.product_list_widget li dl.variation dd { margin-left: 5px; } .woocommerce ul.cart_list li dl dt.variation-Soldby, .woocommerce ul.product_list_widget li dl dt.variation-Soldby, td.product-name dl dt.variation-Soldby, ul.woocart dl.variation dt.variation-Soldby { margin: 0; padding: 0; font-weight: normal; } .woocommerce ul.cart_list li dl dd.variation-Soldby, .woocommerce ul.product_list_widget li dl dd.variation-Soldby, td.product-name dl dd.variation-Soldby, ul.woocart dl.variation dd.variation-Soldby { float: left; clear: both; margin: 0; padding: 0; } .woocommerce ul.cart_list li dl dd.variation-Soldby p, .woocommerce ul.product_list_widget li dl dd.variation-Soldby p, td.product-name dl dd.variation-Soldby p, ul.woocart dl.variation dd.variation-Soldby p { margin: 0; } /*#main-content #woo-shop.container { padding-top: 30px; }*/ #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail { min-width: 32px; max-width: 80px !important; } #add_payment_method table.cart .product-thumbnail > a, .woocommerce-cart table.cart .product-thumbnail > a, .woocommerce-checkout table.cart .product-thumbnail > a { width: 100%; display: block; } .woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img { width: 100% !important; } #main-content table.shop_table .coupon .button, #main-content table.shop_table td.actions .button, #main-content table.shop_table .coupon .btn, #main-content table.shop_table td.actions .btn { padding: 7px 14px; font-size: 14px; line-height: 20px; } .woocommerce table.shop_table thead th { padding: 10px 12px 15px; } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc { display: block; } .woocommerce form.checkout_coupon .form-row-first, .woocommerce form.checkout_coupon .form-row-last, .woocommerce-page form.checkout_coupon .form-row-first, .woocommerce-page form.checkout_coupon .form-row-last { width: calc(50% - 6px); } .woocommerce form.checkout_coupon .form-row-first button.btn, .woocommerce form.checkout_coupon .form-row-last button.btn, .woocommerce-page form.checkout_coupon .form-row-first button.btn, .woocommerce-page form.checkout_coupon .form-row-last button.btn { padding: 7px 12px !important; } .woocommerce-account .woocommerce-MyAccount-content .btn { display: inline-block; } /* WOOCOMMERCE 'MY ACCOUNT' PAGE */ body.woocommerce-account td.order-actions a {margin-left: 10px;} .woocommerce-account .woocommerce-MyAccount-navigation { box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); } .woocommerce-account .woocommerce-MyAccount-navigation ul { border-top: medium none; margin: 0; list-style: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { border-bottom: 1px solid rgba(0,0,0,0.12); border-left: medium none; border-right: medium none; margin: 0; padding: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child { border-bottom: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { padding: 11px 15px; background-color: #ffffff; display: block; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active { border-right: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { background-color: #fafafa; font-weight: 600; } .woocommerce-account .woocommerce-MyAccount-content { width: calc(70% - 61px); border: medium none; background-color: #fff; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); float: right; padding: 15px 30px; } .woocommerce table:not(.variations) { border: none !important; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); background-color: #fafafa !important; padding: 10px 15px !important; margin: 5px 0 50px !important; } .woocommerce-MyAccount-content table td { padding: 13px 8px !important; } .woocommerce table.woocommerce-MyAccount-downloads td, .woocommerce table.woocommerce-MyAccount-downloads th { font-size: 0.85em; line-height: 1.35em; } .woocommerce-MyAccount-content .woocommerce-message { background-color: transparent !important; border: medium none !important; padding: 0; color: #5e616b !important; } .woocommerce-MyAccount-content .woocommerce-message .btn { display: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads { display: none; } mark { background-color: #f9f9a7; padding: 1px 4px 2px; } .woocommerce .woocommerce-MyAccount-content section { padding-top: 5px; } .woocommerce .woocommerce-MyAccount-content h2, .woocommerce .woocommerce-MyAccount-content h3 { font-size: 21px !important; font-weight: bold; font-family: Raleway; line-height: 26px; margin: 30px 0 10px; } .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details h2 { margin-top: 0; } .woocommerce .entry .shop_table.cart, .woocommerce table.shop_table td, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th, .woocommerce table.shop_table, .meta-post.left, .thumbnail, a.thumbnail:hover, .blog-single-post, .woocommerce div.product .woocommerce-tabs, div.thumbnail { border-color: rgba(0,0,0,0.12); border-width: 1px; } .woocommerce address { border: none !important; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); background-color: #fafafa !important; padding: 20px 20px !important; margin: 5px 0 20px !important; line-height: 24px; } .woocommerce a.btn { padding: 8px 17px 9px !important; line-height: 20px; } .woocommerce-error li, .woocommerce-info li, .woocommerce-message li { list-style: none outside !important; padding-left: 0 !important; margin-left: 0 !important; line-height: 36px; } ul.woocommerce-error a.btn { float: right; background-color: #2a2d40; } ul.woocommerce-error a.btn:hover { background-color: #3a414c; } body.woocommerce-customer-logout .entry .woocommerce-message a { background-color: #c46764; padding: 7px 15px; margin-left: 10px; display: inline-block; color: #ffffff; } body.woocommerce-customer-logout .entry .woocommerce-message a:hover { background-color: #a35353; } .woocommerce-account .addresses .title .edit { float: left; clear: both; } @media screen and (max-width: 475px) { .woocommerce-account .woocommerce-MyAccount-navigation {width: 100% !important;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active {border-right: 1px solid rgba(104, 101, 109,0.3) !important;} .woocommerce-account .woocommerce-MyAccount-content { width: calc(100% - 62px) !important; border-top: 20px solid rgba(104, 101, 109,0.1) !important; border-left: 1px solid rgba(104, 101, 109,0.3) !important; margin-top: 10px !important; } } /**** 19. WOOTHEMES SENSEI INTEGRATION ****/ .sensei p.sensei-message, .sensei div.sensei-message, .course-container p.sensei-message, .course-container div.sensei-message, .course p.sensei-message, .course div.sensei-message, .lesson p.sensei-message, .lesson div.sensei-message, .quiz p.sensei-message, .quiz div.sensei-message, .learner-info p.sensei-message, .learner-info div.sensei-message { border-radius: 0; } .sensei p.sensei-message.info::before, .sensei div.sensei-message.info::before, .course-container p.sensei-message.info::before, .course-container div.sensei-message.info::before, .course p.sensei-message.info::before, .course div.sensei-message.info::before, .lesson p.sensei-message.info::before, .lesson div.sensei-message.info::before, .quiz p.sensei-message.info::before, .quiz div.sensei-message.info::before, .learner-info p.sensei-message.info::before, .learner-info div.sensei-message.info::before { color: #844848; } body.sensei .nav-next, body.sensei .nav-prev {padding: 10px 15px;} body.sensei .sensei-breadcrumb { background: transparent none repeat scroll 0 0; border: medium none; margin: 0; padding: 0.5em 1em 0.5em 0.25em; } body.sensei article footer::before { content: "Take the quiz and complete the lesson:"; } body.sensei article footer::before { background: #999 none repeat scroll 0 0; color: #fff; display: block; margin-bottom: 20px; padding: 10px 15px 12px; } body.sensei article footer, body.single-quiz .entry nav.post-entries.fix { border: 1px solid #999; display: inline-block; width: 100%; margin-bottom: 15px; } body.sensei article.lesson footer p { margin: 0 0 20px 15px; float: left; } .quiz input.quiz-submit.complete, .lesson input.quiz-submit.complete { background: #63a95f none repeat scroll 0 0; border: 3px solid #82ba7e; border-radius: 8px; margin: 0; } .quiz input.quiz-submit.complete:hover, .lesson input.quiz-submit.complete:hover { background-color: #82ba7e; } .single-lesson .lesson_button_form { display: inline-block; margin: 0 15px 20px; } .quiz form ol#sensei-quiz-list li .answer_message.user_right { border-color: #008000; color: #ffffff; background-color: #008000; width: auto; margin: 0 15px; padding: 7px 15px 9px; border-radius: 100px; bottom: 55px; top: auto; } .sensei p.sensei-message a.next-lesson, .sensei div.sensei-message a.next-lesson, .course-container p.sensei-message a.next-lesson, .course-container div.sensei-message a.next-lesson, .course p.sensei-message a.next-lesson, .course div.sensei-message a.next-lesson, .lesson p.sensei-message a.next-lesson, .lesson div.sensei-message a.next-lesson, .quiz p.sensei-message a.next-lesson, .quiz div.sensei-message a.next-lesson, .learner-info p.sensei-message a.next-lesson, .learner-info div.sensei-message a.next-lesson { margin: -6px 0 0; } .quiz form ol#sensei-quiz-list li .answer_message.user_wrong { background: #c61515 none repeat scroll 0 0; border-color: #c61515; border-radius: 100px; bottom: 55px; color: #fff; padding: 7px 15px 9px; right: 15px; top: auto; width: auto; } section.course-results-lessons { border: 1px solid #999; padding: 0; } section.course-results-lessons { border: 1px solid #999; padding: 0; } section.course-results-lessons > header { background: #999 none repeat scroll 0 0; padding: 20px; } .course-results-lessons header h2 { color: #fff; margin: 0; } section.course-results-lessons article h2 a { display: inline-block; width: 82%; } section.course-results-lessons article h2 { border-top: 1px solid #999; font-size: 1.7em; margin: 0; padding: 20px; } .course-results-lessons h2 .lesson-grade { float: right; font-size: 1.2em; font-weight: bold; text-align: right; width: 15%; } section.course-results-lessons article h2:nth-child(2n-1) { background: #efefef none repeat scroll 0 0; } section.course-results-lessons article > h2:nth-child(2) { border-top: medium none; } .course-results-lessons h2.total-grade { text-decoration: none; } .course-results-lessons h2.total-grade .lesson-grade { color: #c61515; text-decoration: none; } section.course-lessons p.lesson-meta {text-align: center;} section.course-lessons p.lesson-meta span.lesson-status.complete { background: green none repeat scroll 0 0; border-radius: 50px; color: #fff; display: inline-block; margin: 5px auto 0; padding: 4px 15px 6px; } p.sensei-results-links {margin: 0;} /** single course styling **/ body.single-course article .progress { background-image: none; border: 1px solid #999; border-radius: 0; box-shadow: none; display: block; height: auto; padding: 10px 15px 15px; margin-top: 20px; } body.single-course article .progress::before { background: #999 none repeat scroll 0 0; color: #fff; content: "Course Progress:"; display: block; margin-bottom: 15px; margin-left: -15px; margin-top: -10px; padding: 10px 15px 12px; width: 100%; } body.single-course .course-meta {padding-top: 10px;} body.single-course article.course .entry.fix {padding-top: 0;} section.course-lessons article.lesson > header { margin-top: 65%; padding: 0 20px; } body.single-course article.course section.course-lessons {padding-top: 10px;} section.course-lessons article.lesson > a { display: block; position: absolute; top: 0; } section.course-lessons .woo-image.thumbnail.alignleft.wp-post-image { border: medium none; margin: 0; padding: 0; } body.single-course article.course .entry.fix:empty, body.single-course article.course .entry.fix:blank, body.single-course article.course .entry.fix:-moz-only-whitespace { display: none; } body.single-course article.lesson { border: 2px solid #efefef; float: left; margin: 0 0 3% 3%; padding: 0; position: relative; width: 30.75%; } body.single-course article.lesson:nth-child(3n+1) { clear: left; margin-left: 0 !important; } body.single-course .lesson .lesson-meta .lesson-length, body.single-course .lesson .lesson-meta .lesson-complexity { display: none; } body.single-course article.lesson h2 { text-align: center; font-size: 22px; line-height: 28px; } body.single-course article.lesson .entry { padding: 0 20px 15px; text-align: center; margin-top: 20px; } /** single lesson styling **/ body.single-lesson article.lesson img.woo-image {display: none;} body.single-lesson article.lesson header h1 { font-size: 32px; margin: 0; } body.single-lesson article.lesson section.entry { border: 1px solid #999999; padding: 25px; margin: 0; } body.single-lesson .lesson .lesson-meta { margin: 0; padding: 20px; } body.single-lesson .lesson .lesson-meta:blank, body.single-lesson .lesson .lesson-meta:empty, body.single-lesson .lesson .lesson-meta:-moz-only-whitespace {display: none;} body.single-lesson article.lesson section.entry .video { height: 0; margin: -25px -25px 25px; overflow: hidden; text-align: center; padding-bottom: 56.25%; padding-top: 30px; position: relative; } body.single-lesson article.lesson section.entry .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.single-lesson .post-entries.fix::before, body.single-quiz .entry nav.post-entries.fix::before { background: #999 none repeat scroll 0 0; color: #fff; content: "Course Navigation: Where do you want to go next?"; display: block; height: auto; padding: 10px 15px 12px; width: auto; } body.single-lesson .post-entries.fix, body.single-quiz .entry nav.post-entries.fix { background: #fff none repeat scroll 0 0; border: 1px solid #999999; display: inline-block; margin-top: 25px; width: 100%; } /** single quiz styling **/ body.single-quiz section.quiz-questions {padding: 0;} body.single-quiz .quiz form ol#sensei-quiz-list { list-style: inside none decimal; margin: 0 0 30px; } .quiz form ol#sensei-quiz-list > li { border: 1px solid #999; margin-bottom: -1px; padding: 17px 20px; } .quiz form ol#sensei-quiz-list > li:nth-child(2n) {background: #f7f7f7 none repeat scroll 0 0;} body.single-quiz .quiz form ol#sensei-quiz-list li > span { display: block; margin: 14px 0; } body.single-quiz .quiz form ol#sensei-quiz-list li > span span { background: #999 none repeat scroll 0 0; border-radius: 50px; bottom: 15px; color: #fff; height: 30px; line-height: 28px; padding: 0 10px; position: absolute; right: 15px; text-align: center; width: auto; } body.single-quiz .quiz form ol#sensei-quiz-list li > span span::after { content: " point(s)"; font-size: 11px; font-weight: normal; } body.single-quiz .quiz form ol#sensei-quiz-list li ul.answers {margin: 0 0 0 15px;} body.single-quiz .quiz form ol#sensei-quiz-list li ul.answers li label { display: inline-block; width: auto; } .quiz form input.quiz-submit.save { background: #456087 none repeat scroll 0 0; border: 3px solid #5a77a2; border-radius: 8px; margin: 0 0 0 15px; } .quiz form input.quiz-submit.save:hover { background: #42689E none repeat scroll 0 0; border-color: #42689E; } /**** 20. LEARNDASH INTEGRATION ****/ #learndash_lesson_topics_list > div, #learndash_lessons, #learndash_profile, #learndash_quizzes { border-radius: 0; box-shadow: none; } #learndash_course_content_title {margin-bottom: 15px !important;} #learndash_lesson_topics_list div > strong, #learndash_lessons #lesson_heading, #learndash_profile .learndash_profile_heading, #learndash_quizzes #quiz_heading { border-top-left-radius: 0; border-top-right-radius: 0; } #learndash_lesson_topics_list div > strong, #learndash_lessons #lesson_heading, #learndash_profile .learndash_profile_heading, #learndash_quizzes #quiz_heading { color: #666; font-weight: 600; font-size: 16px; } #learndash_lesson_topics_list ul > li > span.topic_item:hover, #learndash_lessons h4 > a:hover, #learndash_quizzes h4 > a:hover, #learndash_lesson_topics_list ul > li > span.topic_item:focus, #learndash_lessons h4 > a:focus, #learndash_quizzes h4 > a:focus { background-color: #fcfcfc; } .learndash .completed, #learndash_profile .completed, .learndash .notavailable, #learndash_profile .notavailable, .learndash .notcompleted, #learndash_profile .notcompleted { background: none; position: relative; } .learndash .completed::before, #learndash_profile .completed::before, .learndash .notcompleted::before, #learndash_profile .notcompleted::before, .learndash .notavailable::before, #learndash_profile .notavailable::before { font-family: FontAwesome; font-size: 31px; position: absolute; right: 23px; width: 50px; height: 50px; border-radius: 100px; text-align: center; } .learndash .completed::before, #learndash_profile .completed::before { content: "\f00c"; color: #fff; background-color: #569e5b; } .learndash .notcompleted::before, #learndash_profile .notcompleted::before { content: "\f00c"; color: #fcfcfc; background-color: #eee; } .learndash .notavailable::before, #learndash_profile .notavailable::before { content: "\f273"; color: #eae1e1; background-color: #bfa8a8; padding-left: 3px; width: 47px; font-size: 28px; } .learndash .wpProQuiz_content input.wpProQuiz_button { border-radius: 0 !important; box-shadow: none !important; padding: 11px 14px !important; margin-top: 10px !important; border: 1px solid #13455b !important; background: transparent !important; color: #13455b !important; } .learndash .wpProQuiz_content input.wpProQuiz_button:hover, .learndash .wpProQuiz_content input.wpProQuiz_button:focus, .learndash .wpProQuiz_content input.wpProQuiz_button:active { background: rgba(19, 69, 91,0.075) !important; border: 1px solid #13455b !important; } .wpProQuiz_quiz {} .wpProQuiz_quiz ol.wpProQuiz_list {margin-top: 40px !important;} .wpProQuiz_quiz ol.wpProQuiz_list li.wpProQuiz_listItem { border: 1px solid #efefef !important; padding: 20px 30px 10px !important; margin-bottom: 30px !important; } .wpProQuiz_quiz ol.wpProQuiz_list li.wpProQuiz_listItem h5 {font-weight: 300;} .wpProQuiz_quiz ol.wpProQuiz_list li.wpProQuiz_listItem .wpProQuiz_question .wpProQuiz_questionList { background: none !important; border: medium none !important; margin: 0 !important; padding: 0 !important; } .wpProQuiz_quiz ol.wpProQuiz_list li.wpProQuiz_listItem .wpProQuiz_question .wpProQuiz_questionList .wpProQuiz_questionListItem { margin: 0 !important; padding: 3px 0 !important; } .wpProQuiz_quiz ol.wpProQuiz_list li.wpProQuiz_listItem .wpProQuiz_question .wpProQuiz_questionList .wpProQuiz_questionListItem label input { margin-right: 5px !important; margin-top: -3px !important; } .wpProQuiz_points { font-weight: bold !important; text-align: left !important; margin-bottom: 20px !important; color: #bf6363; } .btn-blue, .learndash_checkout_button input[type="submit"] { font-weight: 400; color: #fff !important; background: #13455b; border: 1px solid #13455b; padding: 11px 20px; font-size: 17px; line-height: 21px; border-radius: 0; letter-spacing: 0; } .btn-blue:hover, .learndash_checkout_button input[type="submit"]:hover, .btn-blue:hover, .learndash_checkout_button input[type="submit"]:focus, .btn-blue:active, .learndash_checkout_button input[type="submit"]:active { border: 1px solid #13455b; background: #fff; color: #13455b !important; } #btn-join, .btn-join, .learndash_checkout_buttons input.btn-join[type="button"], a#quiz_continue_link { font-weight: 400; background: #569e5b; border: 1px solid #569e5b; color: #fff !important; padding: 10px 20px; font-size: 17px; line-height: 21px; border-radius: 0; letter-spacing: 0; } #btn-join:hover, .btn-join:hover, .learndash_checkout_buttons input.btn-join[type="button"]:hover, a#quiz_continue_link:hover, #btn-join:focus, .btn-join:focus, .learndash_checkout_buttons input.btn-join[type="button"]:focus, a#quiz_continue_link:focus, #btn-join:active, .btn-join:active, .learndash_checkout_buttons input.btn-join[type="button"]:active, a#quiz_continue_link:active { border: 1px solid #569e5b; background: #fff; color: #569e5b !important; } .wpProQuiz_quiz ol.wpProQuiz_list li.wpProQuiz_listItem .wpProQuiz_question .wpProQuiz_questionList .wpProQuiz_questionListItem.wpProQuiz_answerCorrect { background: rgba(86, 158, 91, 0.3) !important; font-weight: bold !important; padding: 3px 10px !important; } .wpProQuiz_quiz ol.wpProQuiz_list li.wpProQuiz_listItem .wpProQuiz_question .wpProQuiz_questionList .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect { background: rgba(191, 99, 99, 0.3) !important; font-weight: bold !important; padding: 3px 10px !important; } .wpProQuiz_response { box-shadow: none !important; margin-top: 15px; padding: 6px 15px 4px !important; } p.wpProQuiz_AnswerMessage:empty {display: none;} input#learndash_mark_complete_button { box-shadow: none; border: 1px solid #ccc; padding: 4px 11px; color: #323232; } input#learndash_mark_complete_button:hover, input#learndash_mark_complete_button:focus, input#learndash_mark_complete_button:active { opacity: 0.85; } .prev-link, .next-link {letter-spacing: 0;} .prev-link:hover, .next-link:hover { text-decoration: none; opacity: 0.8; } .next-link {float: right;} #lessons_list .list-count, #quiz_list .list-count {vertical-align: middle;} /**** 21. FUTURE DOKAN STYLING ****/ /**** 22. RESPONDO SHORTCODE STYLING ****/ /* Button Styling */ .btn, .btn-default.button-rs, input.button, input#submit, aside.woocommerce input[type="submit"] { color:#ffffff !important; text-shadow:none !important; background-color:#456087; *background-color:#456087; background-image:none !important; border-width:0 0 4px 0; border-style:solid; border-color:#5a77a2; -webkit-border-radius:0 ; -moz-border-radius:0 ; border-radius:0 ; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; padding: 4px 12px; } input.gform_button.btn, input.gform_next_button, input.gform_previous_button { text-shadow:none !important; background-image:none !important; border-width:0 0 4px 0; border-style:solid; -webkit-border-radius:0 ; -moz-border-radius:0 ; border-radius:0 ; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; } input.gform_button.btn, input.gform_next_button, input.gform_previous_button, input.button, input#submit { padding: 4px 12px; } .btn.active, .btn:active { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .btn-large { padding:11px 19px !important; } .btn-small { padding: 2px 10px !important; } .btn-mini { padding:0 6px !important; } .btn:hover, .btn-default.button-rs:hover, input.gform_button.btn:hover, input.gform_next_button:hover, input.gform_previous_button:hover, input.button:hover, input#submit:hover, aside.woocommerce input[type="submit"]:hover { background-color: #42689e; border-color:#42689e; color:#ffffff !important; } .btn-group > .btn:first-child, .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } .btn-group.open .btn.dropdown-toggle { background-color: #42689e; box-shadow:none; } .btn-primary.button-rs, input.gform_next_button, .mymail-wrapper input.submit-button { color:#ffffff !important; text-shadow:none; background-color:#a7adaf; *background-color:#a7adaf; background-image:none !important; border-width: 0 0 4px 0; border-style: none none solid none; border-color: #b6bcbe; } .btn-primary.button-rs:hover, input.gform_next_button:hover, .mymail-wrapper input.submit-button:hover { background-color: #8b9ca2; border-color: #8b9ca2; color:#ffffff !important; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #8b9ca2; box-shadow:none; } .btn-danger.button-rs { color:#ffffff !important; text-shadow:none; background-color:#ff7777; *background-color:#ff7777; background-image:none !important; border-width: 0 0 4px 0; border-style: none none solid none; border-color: #fc9d9d; } .btn-danger.button-rs:hover { background-color: #f47070; border-color: #f47070; color:#ffffff !important; } .btn-group.open .btn-danger.button-rs.dropdown-toggle { background-color: #ee5b5b; box-shadow:none; } .btn-warning.button-rs { color:#ffffff !important; text-shadow:none; background-color:#e05b4a; *background-color:#e05b4a; background-image:none !important; border-width: 0 0 4px 0; border-style: none none solid none; border-color: #eb8274; } .btn-warning.button-rs:hover { background-color: #e23e29; border-color: #e23e29; color:#ffffff !important; } .btn-group.open .btn-warning.button-rs.dropdown-toggle { background-color: #e23e29; box-shadow:none; } .btn-success.button-rs, form#searchform .btn { color:#ffffff !important; text-shadow:none; background-color:#1abc9c; *background-color:#1abc9c; background-image:none !important; border-width: 0 0 4px 0; border-style: none none solid none; border-color: #66d4be; } .btn-success.button-rs:hover, form#searchform .btn:hover { background-color: #0aa485; border-color: #0aa485; color:#ffffff !important; background-image:none !important; } .btn-group.open .btn-success.button-rs.dropdown-toggle { background-color: #0aa485; box-shadow:none; } .btn-info.button-rs { color:#ffffff !important; text-shadow:none; background-color:#42a3ce; *background-color:#42a3ce; background-image:none !important; border-width: 0 0 4px 0; border-style: none none solid none; border-color: #7ec0dd; } .btn-info.button-rs:hover { background-color: #1192cb; color:#ffffff !important; border-color: #1192cb; } .btn-group.open .btn-info.button-rs.dropdown-toggle { background-color: #1192cb; box-shadow:none; } .btn-inverse.button-rs { color:#5c5c63 !important; text-shadow:none; background-color:#dde2eb; *background-color:#dde2eb; background-image:none !important; border-width: 0 0 4px 0; border-style: none none solid none; border-color: #ffffff; } .btn-inverse.button-rs:hover { background-color: #d2d6dd; border-color: #d2d6dd; color:#5c5c63 !important; } .btn-group.open .btn-inverse.button-rs.dropdown-toggle { background-color: #c9e1f7; box-shadow:none; } .btn .caret, .btn-primary.button-rs .caret, .btn-warning.button-rs .caret, .btn-danger.button-rs .caret, .btn-info.button-rs .caret, .btn-success.button-rs .caret, .btn:hover .caret, .btn-primary.button-rs:hover .caret, .btn-warning.button-rs:hover .caret, .btn-danger.button-rs:hover .caret, .btn-info.button-rs:hover .caret, .btn-success.button-rs:hover .caret { border-bottom-color: #FFFFFF; border-top-color: #FFFFFF; } .btn-inverse.button-rs .caret, .btn-inverse.button-rs:hover .caret { border-bottom-color: #5c5c63; border-top-color: #5c5c63; } .btn-mini .caret { margin-left: 4px; margin-right: -1px; } .btn-small .caret { margin-left: 5px; margin-right: -3px; } .btn-medium .caret { margin-left: 6px; margin-right: -4px; } .btn-large .caret { margin-left: 7px; margin-right: -5px; } #header-menu .nav.nav-pills li.dropdown-item > .dropdown-link .caret { margin-left: 5px; margin-top: 14px; border-width: 0 0 1.5px 1.5px !important; height: 6px; transform: rotate(-45deg); transform-origin: left top 0; width: 6px; } #preheader-nav .nav li.dropdown-item > .dropdown-link .caret, #headmenu-bar #header-menu .nav li.dropdown-item > .dropdown-link .caret { margin-left: 5px; margin-top: 10px; border-width: 0 0 1.5px 1.5px !important; height: 6px; transform: rotate(-45deg); transform-origin: left top 0; width: 6px; } #mobile-header #mobile-nav ul.nav li .caret { margin-left: 5px; margin-top: 15px; border-width: 0 0 1.5px 1.5px !important; height: 6px; transform: rotate(-45deg); transform-origin: left top 0; width: 6px; } #header-menu .nav.nav-pills li.dropdown-item > .dropdown-link .caret::before, #preheader-nav .nav li.dropdown-item > .dropdown-link .caret::before, #mobile-header #mobile-nav ul.nav li .caret::before, #headmenu-bar #header-menu .nav li.dropdown-item > .dropdown-link .caret::before { border-top: 1.5px solid #cccccc; content: " "; display: block; transform: rotate(315deg) translate(-5px, 3.5px); transform-origin: left top 0; width: 8px; } #header-menu .nav.nav-pills li.dropdown-item > .dropdown-link .caret, #header-menu .nav.nav-pills li.dropdown-item > .dropdown-link .caret::before, #headmenu-bar #header-menu .nav li.dropdown-item > .dropdown-link .caret, #headmenu-bar #header-menu .nav li.dropdown-item > .dropdown-link .caret::before { border: 0 solid #ffffff; } /* Box Content with Header */ .box_wh_content { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-color:#ffffff; } .box_wh_content .alpha { background-color: #A4B7B2 !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A4B7B2', endColorstr='#A4B7B2') !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#A4B7B2), to(#A4B7B2)) !important; background-image: -moz-linear-gradient(top, #a4b7b2, #a4b7b2) !important; background-image: -ms-linear-gradient(top, #a4b7b2, #a4b7b2) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4b7b2), color-stop(100%, #a4b7b2)) !important; background-image: -webkit-linear-gradient(top, #a4b7b2, #a4b7b2) !important; background-image: -o-linear-gradient(top, #a4b7b2, #a4b7b2) !important; background-image: linear-gradient(#a4b7b2, #a4b7b2) !important; border: none; text-shadow: none; } .box_wh_content .foxtrot { background-color: #AB3944 !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AB3944', endColorstr='#AB3944') !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#AB3944), to(#AB3944)) !important; background-image: -moz-linear-gradient(top, #AB3944, #AB3944) !important; background-image: -ms-linear-gradient(top, #AB3944, #AB3944) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #AB3944), color-stop(100%, #AB3944)) !important; background-image: -webkit-linear-gradient(top, #AB3944, #AB3944) !important; background-image: -o-linear-gradient(top, #AB3944, #AB3944) !important; background-image: linear-gradient(#AB3944, #AB3944) !important; border: none; text-shadow: none; } .box_wh_content .kilo { background-color: #BEC3C7 !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BEC3C7', endColorstr='#BEC3C7') !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#BEC3C7), to(#BEC3C7)) !important; background-image: -moz-linear-gradient(top, #BEC3C7, #BEC3C7) !important; background-image: -ms-linear-gradient(top, #BEC3C7, #BEC3C7) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BEC3C7), color-stop(100%, #BEC3C7)) !important; background-image: -webkit-linear-gradient(top, #BEC3C7, #BEC3C7) !important; background-image: -o-linear-gradient(top, #BEC3C7, #BEC3C7) !important; background-image: linear-gradient(#BEC3C7, #BEC3C7) !important; border: none; text-shadow: none; } .box_wh_content .bravo { background-color: #E2A227 !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2A227', endColorstr='#E2A227') !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#E2A227), to(#E2A227)) !important; background-image: -moz-linear-gradient(top, #E2A227, #E2A227) !important; background-image: -ms-linear-gradient(top, #E2A227, #E2A227) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E2A227), color-stop(100%, #E2A227)) !important; background-image: -webkit-linear-gradient(top, #E2A227, #E2A227) !important; background-image: -o-linear-gradient(top, #E2A227, #E2A227) !important; background-image: linear-gradient(#E2A227, #E2A227) !important; border: none; text-shadow: none; } .box_wh_content .golf { background-color: #2A80BF !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2A80BF', endColorstr='#2A80BF') !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#2A80BF), to(#2A80BF)) !important; background-image: -moz-linear-gradient(top, #2A80BF, #2A80BF) !important; background-image: -ms-linear-gradient(top, #2A80BF, #2A80BF) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2A80BF), color-stop(100%, #2A80BF)) !important; background-image: -webkit-linear-gradient(top, #2A80BF, #2A80BF) !important; background-image: -o-linear-gradient(top, #2A80BF, #2A80BF) !important; background-image: linear-gradient(#2A80BF, #2A80BF) !important; border: none; text-shadow: none; } .box_wh_content .lima { background-color: #33CD63 !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33CD63', endColorstr='#33CD63') !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#33CD63), to(#33CD63)) !important; background-image: -moz-linear-gradient(top, #33CD63, #33CD63) !important; background-image: -ms-linear-gradient(top, #33CD63, #33CD63) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #33CD63), color-stop(100%, #33CD63)) !important; background-image: -webkit-linear-gradient(top, #33CD63, #33CD63) !important; background-image: -o-linear-gradient(top, #33CD63, #33CD63) !important; background-image: linear-gradient(#33CD63, #33CD63) !important; border: none; text-shadow: none; } .box_wh_content .charlie { background-color: #1EBD98 !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1EBD98', endColorstr='#1EBD98') !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#1EBD98), to(#1EBD98)) !important; background-image: -moz-linear-gradient(top, #1EBD98, #1EBD98) !important; background-image: -ms-linear-gradient(top, #1EBD98, #1EBD98) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1EBD98), color-stop(100%, #1EBD98)) !important; background-image: -webkit-linear-gradient(top, #1EBD98, #1EBD98) !important; background-image: -o-linear-gradient(top, #1EBD98, #1EBD98) !important; background-image: linear-gradient(#1EBD98, #1EBD98) !important; border: none; text-shadow: none; } .box_wh_content .hotel { background-color: #252C33 !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#252C33', endColorstr='#252C33') !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#252C33), to(#252C33)) !important; background-image: -moz-linear-gradient(top, #252C33, #252C33) !important; background-image: -ms-linear-gradient(top, #252C33, #252C33) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #252C33), color-stop(100%, #252C33)) !important; background-image: -webkit-linear-gradient(top, #252C33, #252C33) !important; background-image: -o-linear-gradient(top, #252C33, #252C33) !important; background-image: linear-gradient(#252C33, #252C33) !important; border: none; text-shadow: none; } .box_wh_content .mike { background-color: #47898F !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47898F', endColorstr='#47898F') !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#47898F), to(#47898F)) !important; background-image: -moz-linear-gradient(top, #47898F, #47898F) !important; background-image: -ms-linear-gradient(top, #47898F, #47898F) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47898F), color-stop(100%, #47898F)) !important; background-image: -webkit-linear-gradient(top, #47898F, #47898F) !important; background-image: -o-linear-gradient(top, #47898F, #47898F) !important; background-image: linear-gradient(#47898F, #47898F) !important; border: none; text-shadow: none; } .box_wh_content .delta { background-color: #AC4D8C !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AC4D8C', endColorstr='#AC4D8C') !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#AC4D8C), to(#AC4D8C)) !important; background-image: -moz-linear-gradient(top, #AC4D8C, #AC4D8C) !important; background-image: -ms-linear-gradient(top, #AC4D8C, #AC4D8C) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #AC4D8C), color-stop(100%, #AC4D8C)) !important; background-image: -webkit-linear-gradient(top, #AC4D8C, #AC4D8C) !important; background-image: -o-linear-gradient(top, #AC4D8C, #AC4D8C) !important; background-image: linear-gradient(#AC4D8C, #AC4D8C) !important; border: none; text-shadow: none; } .box_wh_content .india { background-color: #344960 !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#344960', endColorstr='#344960') !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#344960), to(#344960)) !important; background-image: -moz-linear-gradient(top, #344960, #344960) !important; background-image: -ms-linear-gradient(top, #344960, #344960) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #344960), color-stop(100%, #344960)) !important; background-image: -webkit-linear-gradient(top, #344960, #344960) !important; background-image: -o-linear-gradient(top, #344960, #344960) !important; background-image: linear-gradient(#344960, #344960) !important; border: none; text-shadow: none; } .box_wh_content .november { background-color: #DA6385 !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA6385', endColorstr='#DA6385') !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#DA6385), to(#DA6385)) !important; background-image: -moz-linear-gradient(top, #DA6385, #DA6385) !important; background-image: -ms-linear-gradient(top, #DA6385, #DA6385) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DA6385), color-stop(100%, #DA6385)) !important; background-image: -webkit-linear-gradient(top, #DA6385, #DA6385) !important; background-image: -o-linear-gradient(top, #DA6385, #DA6385) !important; background-image: linear-gradient(#DA6385, #DA6385) !important; border: none; text-shadow: none; } .box_wh_content .echo { background-color: #E84E34 !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E84E34', endColorstr='#E84E34') !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#E84E34), to(#E84E34)) !important; background-image: -moz-linear-gradient(top, #E84E34, #E84E34) !important; background-image: -ms-linear-gradient(top, #E84E34, #E84E34) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E84E34), color-stop(100%, #E84E34)) !important; background-image: -webkit-linear-gradient(top, #E84E34, #E84E34) !important; background-image: -o-linear-gradient(top, #E84E34, #E84E34) !important; background-image: linear-gradient(#E84E34, #E84E34) !important; border: none; text-shadow: none; } .box_wh_content .juliet { background-color: #B1A482 !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B1A482', endColorstr='#B1A482') !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#B1A482), to(#B1A482)) !important; background-image: -moz-linear-gradient(top, #B1A482, #B1A482) !important; background-image: -ms-linear-gradient(top, #B1A482, #B1A482) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B1A482), color-stop(100%, #B1A482)) !important; background-image: -webkit-linear-gradient(top, #B1A482, #B1A482) !important; background-image: -o-linear-gradient(top, #B1A482, #B1A482) !important; background-image: linear-gradient(#B1A482, #B1A482) !important; border: none; text-shadow: none; } .box_wh_content .oscar { background-color: #E77F00 !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E77F00', endColorstr='#E77F00') !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#E77F00), to(#E77F00)) !important; background-image: -moz-linear-gradient(top, #E77F00, #E77F00) !important; background-image: -ms-linear-gradient(top, #E77F00, #E77F00) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E77F00), color-stop(100%, #E77F00)) !important; background-image: -webkit-linear-gradient(top, #E77F00, #E77F00) !important; background-image: -o-linear-gradient(top, #E77F00, #E77F00) !important; background-image: linear-gradient(#E77F00, #E77F00) !important; border: none; text-shadow: none; } /* Mobile Navbar (Single Button Group) Styling */ .rs-btn-subgroup-nav .btn.btn-navbar { opacity: 1; margin-right:0; } .rs-btn-subgroup-nav .navbar-inner .icon-bar { background-color:#ffffff; } .rs-btn-subgroup-nav.navbar-inverse .nav-collapse .nav > li > a, .rs-btn-subgroup-nav.navbar-inverse .nav-collapse .dropdown-menu a { color: #FFFFFF; margin: 0; text-align: left; } .rs-btn-subgroup-nav.navbar-inverse .nav-collapse .nav > li > a:hover, .rs-btn-subgroup-nav.navbar-inverse .nav-collapse .dropdown-menu a:hover { background-color: rgba(0, 0, 0, 0.1) !important; } .rs-btn-subgroup-nav .btn { border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.1) !important; } .navbar-inverse .navbar-inner { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .rs-btn-subgroup-nav .navbar-inner.btn-default.button-rs { background-color: #456087; background-image: none; background-repeat: repeat-x; border-color: #5A77A2; border-radius: 0; border-width: 0 0 4px; } .rs-btn-subgroup-nav .navbar-inner.btn-default.button-rs .btn-navbar { background: none repeat scroll 0 0 #42689E; border: medium none; } .rs-btn-subgroup-nav .navbar-inner.btn-default.button-rs .btn-navbar:hover { background: #42689E; border-color: #42689E; opacity: 0.7; } .rs-btn-subgroup-nav .navbar-inner.btn-primary.button-rs { background-color: #A7ADAF; background-image: none; border-color: #B6BCBE; border-width: 0 0 4px; color: #FFFFFF; text-shadow: none; } .rs-btn-subgroup-nav .btn-primary.button-rs:hover, .rs-btn-subgroup-nav .btn-primary.button-rs:active, .rs-btn-subgroup-nav .btn-primary.button-rs.active, .rs-btn-subgroup-nav .btn-primary.button-rs.disabled, .rs-btn-subgroup-nav .btn-primary.button-rs[disabled] { background-color: #A7ADAF !important; } .rs-btn-subgroup-nav .navbar-inner.btn-primary.button-rs .btn-navbar { background: none repeat scroll 0 0 #8B9CA2; border: medium none; } .rs-btn-subgroup-nav .navbar-inner.btn-primary.button-rs .btn-navbar:hover { background: #8B9CA2; border-color: #8B9CA2; opacity: 0.7; } .rs-btn-subgroup-nav .navbar-inner.btn-danger.button-rs { background-color: #FF7777; background-image: none; border-color: #FC9D9D; border-width:0 0 4px; color: #FFFFFF; text-shadow: none; } .rs-btn-subgroup-nav .btn-danger.button-rs:hover, .rs-btn-subgroup-nav .btn-danger.button-rs:active, .rs-btn-subgroup-nav .btn-danger.button-rs.active, .rs-btn-subgroup-nav .btn-danger.button-rs.disabled, .rs-btn-subgroup-nav .btn-danger.button-rs[disabled] { background-color: #FF7777 !important; } .rs-btn-subgroup-nav .navbar-inner.btn-danger.button-rs .btn-navbar { background: none repeat scroll 0 0 #F47070; border: medium none; } .rs-btn-subgroup-nav .navbar-inner.btn-danger.button-rs .btn-navbar:hover { background: #F47070; border-color: #F47070; opacity: 0.7; } .rs-btn-subgroup-nav .navbar-inner.btn-warning.button-rs { background-color: #E05B4A; background-image: none; border-color: #EB8274; border-width:0 0 4px; color: #FFFFFF; text-shadow: none; } .rs-btn-subgroup-nav .btn-warning.button-rs:hover, .rs-btn-subgroup-nav .btn-warning.button-rs:active, .rs-btn-subgroup-nav .btn-warning.button-rs.active, .rs-btn-subgroup-nav .btn-warning.button-rs.disabled, .rs-btn-subgroup-nav .btn-warning.button-rs[disabled] { background-color: #E05B4A !important; } .rs-btn-subgroup-nav .navbar-inner.btn-warning.button-rs .btn-navbar { background: none repeat scroll 0 0 #E23E29; border: medium none; } .rs-btn-subgroup-nav .navbar-inner.btn-warning.button-rs .btn-navbar:hover { background: #E23E29; border-color: #E23E29; opacity: 0.7; } .rs-btn-subgroup-nav .navbar-inner.btn-success.button-rs { background-color: #1ABC9C; background-image: none; border-color: #66D4BE; border-width:0 0 4px; color: #FFFFFF; text-shadow: none; } .rs-btn-subgroup-nav .btn-success.button-rs:hover, .rs-btn-subgroup-nav .btn-success.button-rs:active, .rs-btn-subgroup-nav .btn-success.button-rs.active, .rs-btn-subgroup-nav .btn-success.button-rs.disabled, .rs-btn-subgroup-nav .btn-success.button-rs[disabled] { background-color: #1ABC9C !important; } .rs-btn-subgroup-nav .navbar-inner.btn-success.button-rs .btn-navbar { background: none repeat scroll 0 0 #0AA485; border: medium none; } .rs-btn-subgroup-nav .navbar-inner.btn-success.button-rs .btn-navbar:hover { background: #0AA485; border-color: #0AA485; opacity: 0.7; } .rs-btn-subgroup-nav .navbar-inner.btn-info.button-rs { background-color: #42A3CE; background-image: none; border-color: #7EC0DD; border-width:0 0 4px; color: #FFFFFF; text-shadow: none; } .rs-btn-subgroup-nav .btn-info.button-rs:hover, .rs-btn-subgroup-nav .btn-info.button-rs:active, .rs-btn-subgroup-nav .btn-info.button-rs.active, .rs-btn-subgroup-nav .btn-info.button-rs.disabled, .rs-btn-subgroup-nav .btn-info.button-rs[disabled] { background-color: #42A3CE !important; } .rs-btn-subgroup-nav .navbar-inner.btn-info.button-rs .btn-navbar { background: none repeat scroll 0 #1192CB; border: medium none; } .rs-btn-subgroup-nav .navbar-inner.btn-info.button-rs .btn-navbar:hover { background: #1192CB; border-color: #1192CB; opacity: 0.7; } .rs-btn-subgroup-nav .navbar-inner.btn-inverse.button-rs .icon-bar { background-color:#5C5C63; } .rs-btn-subgroup-nav .navbar-inner.btn-inverse.button-rs { background-color: #DDE2EB; background-image: none; border-color: #ffffff; color: #5C5C63; text-shadow: none; } .rs-btn-subgroup-nav .btn-inverse.button-rs:hover, .rs-btn-subgroup-nav .btn-inverse.button-rs:active, .rs-btn-subgroup-nav .btn-inverse.active.button-rs, .rs-btn-subgroup-nav .btn-inverse.button-rs.disabled, .rs-btn-subgroup-nav .btn-inverse.button-rs[disabled] { background-color: #DDE2EB !important; color: #5C5C63 !important; } .rs-btn-subgroup-nav .navbar-inner.btn-inverse.button-rs .btn-navbar { background: none repeat scroll 0 0 #D2D6DD; border: medium none; } .rs-btn-subgroup-nav .navbar-inner.btn-inverse.button-rs .btn-navbar:hover { background: #D2D6DD; border-color: #D2D6DD; opacity: 0.7; } .alert, .label, .basic_block_rs, .box_wh_content .rs-header, .rs-out-basic-block, .lined_paper_rs .paper, .nav-pills > li > a, .nav-tabs > li > a, .nav-tabs.nav-stacked > li:first-child > a, .testimonial_rs .content { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } /* Labels & Badges */ .label, .badge { text-shadow:none; background-color:#bec3c8; color:#ffffff; padding-bottom:3px; } .label-success, .badge-success { background-color: #20bc9a; } .label-warning, .badge-warning { background-color: #e2a300; } .label-important, .badge-important { background-color: #df5c43; } .label-info, .badge-info { background-color: #42a3d3; } .label-inverse, .badge-inverse { background-color: #445f8a; } /* Alerts */ .alert { text-shadow: none; background-color: #fbf4e0; border-color: #ecb526; color:#c18900; padding:15px 35px 0 14px; } .alert-success { background-color: #d2f1eb; border-color: #1fbb99; color: #13a082; } .alert-danger, .alert-error { background-color: #f9dfda; border-color: #e05c44; color: #c14832; } .alert-info { background-color: #d9ecf6; border-color: #41a2d2; color: #3187b2; } /* Progress Bars */ .progress { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background-image:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } .progress .bar, .progress-danger .bar, .progress .bar-danger, .progress-success .bar, .progress .bar-success, .progress-info .bar, .progress .bar-info, .progress-warning .bar, .progress .bar-warning { background-image: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none; } .progress-bar, .progress-striped .bar, .progress.active .bar { background-color: #297fc5; } .progress-danger .bar, .progress .bar-danger, .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #e05d44; } .progress-success .bar, .progress .bar-success, .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #1fbc99; } .progress-info .bar, .progress .bar-info, .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #41a2d2; } .progress-warning .bar, .progress .bar-warning, .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #f7b60f; } .progress-striped .bar, .progress-danger.progress-striped .bar, .progress-striped .bar-danger, .progress-success.progress-striped .bar, .progress-striped .bar-success, .progress-info.progress-striped .bar, .progress-striped .bar-info, .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); } .img-rounded { border-radius: 6px !important; } .button-rs.custom { background-image:none; } .button-rs.alpha { background-color: #a4b7b2 !important; background-image: none !important; border-color: #8c9c98 !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.alpha:hover { background-color: #798687 !important; background-image: none !important; border-color: #798687 !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.foxtrot { background-color: #ab3944 !important; background-image: none !important; border-color: #92313a !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.foxtrot:hover { background-color: #83212a !important; background-image: none !important; border-color: #83212a !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.kilo { background-color: #bec3c7 !important; background-image: none !important; border-color: #aeb3b6 !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.kilo:hover { background-color: #9da3a6 !important; background-image: none !important; border-color: #9da3a6 !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.bravo { background-color: #e2a227 !important; background-image: none !important; border-color: #cc901e !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.bravo:hover { background-color: #cf8f14 !important; background-image: none !important; border-color: #cf8f14 !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.golf { background-color: #2a80bf !important; background-image: none !important; border-color: #216da6 !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.golf:hover { background-color: #196298 !important; background-image: none !important; border-color: #196298 !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.lima { background-color: #33cd63 !important; background-image: none !important; border-color: #2db257 !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.lima:hover { background-color: #23a34c !important; background-image: none !important; border-color: #23a34c !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.charlie { background-color: #1ebd98 !important; background-image: none !important; border-color: #1aa685 !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.charlie:hover { background-color: #0e9978 !important; background-image: none !important; border-color: #0e9978 !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.hotel { background-color: #252c33 !important; background-image: none !important; border-color: #14171b !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.hotel:hover { background-color: #10181f !important; background-image: none !important; border-color: #10181f !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.mike { background-color: #47898f !important; background-image: none !important; border-color: #3c757a !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.mike:hover { background-color: #336d72 !important; background-image: none !important; border-color: #336d72 !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.delta { background-color: #ac4d8c !important; background-image: none !important; border-color: #924177 !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.delta:hover { background-color: #89356d !important; background-image: none !important; border-color: #89356d !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.india { background-color: #344960 !important; background-image: none !important; border-color: #26384c !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.india:hover { background-color: #1E2E40 !important; background-image: none !important; border-color: #1e2e40 !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.november { background-color: #da6385 !important; background-image: none !important; border-color: #c15674 !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.november:hover { background-color: #b54363 !important; background-image: none !important; border-color: #b54363 !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.echo { background-color: #e84e34 !important; background-image: none !important; border-color: #cf452d !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.echo:hover { background-color: #c33b23 !important; background-image: none !important; border-color: #c33b23 !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.juliet { background-color: #b1a482 !important; background-image: none !important; border-color: #988d6f !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.juliet:hover { background-color: #867b5c !important; background-image: none !important; border-color: #867b5c !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.oscar { background-color: #e77f00 !important; background-image: none !important; border-color: #d47500 !important; color: #ffffff !important; text-shadow: none !important; } .button-rs.oscar:hover { background-color: #c26b00 !important; background-image: none !important; border-color: #c26b00 !important; color: #ffffff !important; text-shadow: none !important; } /* Basic Tabs */ .nav-tabs > li > a { background-color: #F9F9F9; border: 1px solid #DDDDDD; color: #555555; } .rs_standard_bt .nav-tabs > li > a { background-color: transparent; border: none; } .rs_standard_bt .nav-tabs > li > a:hover { border: none; margin-top:1px; } .rs_standard_bt .nav-tabs > li.active > a { border: 1px solid #DDDDDD; } .rs_standard_bt .nav-tabs > li.active > a:hover { margin-top:0; } .tab-content { border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-radius: 1px solid #DDDDDD; background-color: #FFFFFF; } ul.nav-tabs { margin-bottom: 0 !important; } .tab-content > .tab-pane { margin: 10px; } .nav > li > a:hover, .nav > li > a:active { color: #324358; } .nav > li > a:hover, .nav > li > a:focus { background-color:#FFFFFF; } .tabs-left > .nav-tabs { margin-left:-1px; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a, .tabs-below > .nav-tabs > li > a { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } /* Accordion Stacked Tabs & Accordion Stacked Pills */ ul#accordion_stacked_tabs_container0.accordion_stacked_tabs_container.nav-tabs.nav-stacked > li > a, ul#accordion_stacked_pills_container0.accordion_stacked_pills_container.nav-pills.nav-stacked > li > a { background-color: #F6F5F5; color: #505050; } ul#accordion_stacked_tabs_container0.accordion_stacked_tabs_container.nav-tabs.nav-stacked > li > a:hover, ul#accordion_stacked_tabs_container0.accordion_stacked_tabs_container.nav-tabs.nav-stacked > li > a:focus, ul#accordion_stacked_pills_container0.accordion_stacked_pills_container.nav-pills.nav-stacked > li > a:hover, ul#accordion_stacked_pills_container0.accordion_stacked_pills_container.nav-pills.nav-stacked > li > a:focus { background-color: #F0F0F0; color: #000000; } ul#accordion_stacked_tabs_container0.accordion_stacked_tabs_container .accordion-body .accordion-inner { background-color: #FFFFFF; color: #505050; } ul#accordion_stacked_pills_container0.accordion_stacked_pills_container.nav-pills.nav-stacked > li div.accordion-inner { color: #505050; } /* Testimonials */ #testimonial_rs1.testimonial_rs .content { background-color: #FFFFFF; border-color: #CCCCCC; color: #999999; } /**** 23. RESPONSIVE STYLING ****/ /* Header Only Styles */ @media screen and (max-width: 979px) and (min-width: 768px) { h1 {font-size: 46px; line-height: 56px;} } @media screen and (max-width: 979px) and (min-width: 601px) { h3 {font-size:20.5px; line-height:27px;} } @media screen and (max-width: 767px) and (min-width: 601px) { h1 {font-size: 38px; line-height: 48px;} h2 {font-size: 30px; line-height: 36px;} } @media screen and (max-width: 600px) and (min-width: 481px) { h1 {font-size: 32px; line-height: 40px;} h2 {font-size: 24px; line-height: 26px;} } @media screen and (max-width: 600px) { h3 {font-size: 17px; line-height: 24px;} } @media screen and (max-width: 600px) and (min-width: 376px) { h4 {font-size: 16px;} } @media screen and (max-width: 480px) and (min-width: 361px) { h1 {font-size: 26px; line-height: 32px;} h2 {font-size: 22px; line-height: 26px;} } @media screen and (max-width: 375px) { h4 {font-size: 15px;} } @media screen and (max-width: 360px) { h1 {font-size: 26px; line-height: 32px;} h2 {font-size: 22px; line-height: 26px;} } @media screen and (min-width: 1200px) { .bs-docs-sidenav.span4, .bs-docs-sidebar.span4 { width: 370px; } .widget-wrap { width: 258px; } .bs-docs-sidebar.span3 .widget-wrap.stay { width: 258px; } .bs-docs-sidebar.simple-sides .widget-wrap.stay { width: 226px; } .bs-docs-sidebar.span4 .widget-wrap { width: 368px; } .bs-docs-sidebar.span4 .widget-wrap.stay { width: 368px!important; } .bs-docs-sidebar.span4.simple-sides .widget-wrap, .bs-docs-sidebar.span4.simple-boxed .widget-wrap { width: 337px; } .bs-docs-sidebar.span4.simple-sides .widget-wrap.stay { width: 337px!important; } .bs-docs-container { max-width: 970px; } .bs-docs-sidenav, .bs-docs-sidebar { width: 258px; } .bs-docs-sidebar.span3.simple-boxed, .bs-docs-sidebar.span3.simple-sides{ width: 270px; } .bs-docs-sidebar.simple-sides .widget-wrap{ width: 227px; padding: 0 25px; } .bs-docs-sidebar.span4.simple-sides { width: 339px; } .bs-docs-sidenav > li > a, .bs-docs-sidebar > li > a { width: 230px \9; /* Override the previous IE8-9 hack */ } .footer.simple-boxed .footer-widget-wrap { padding: 0 15px; width: 238px; } .footer.simple-sides .footer-widget-wrap { width: 238px; } .footer.simple-boxed .span2.footer-widget-wrap { padding: 0 15px; width: 138px; } .footer.simple-sides .span2.footer-widget-wrap { width: 138px; } .footer.simple-boxed .span4.footer-widget-wrap { padding: 0 15px; width: 338px; } .footer.simple-sides .span4.footer-widget-wrap { width: 338px; } .footer.simple-boxed .span6.footer-widget-wrap { padding: 0 15px; width: 538px; } .footer.simple-sides .span6.footer-widget-wrap { width: 540px; } .footer.simple-boxed .span8.footer-widget-wrap { padding: 0 15px; width: 738px; } .footer.simple-sides .span8.footer-widget-wrap { width: 738px; } .footer.simple-boxed .span12.footer-widget-wrap { padding: 0 15px; width: 1138px; } .footer.simple-sides .span12.footer-widget-wrap { width: 1138px; } .woocommerce_ordering { display: block; float: right; margin-top: -85px; } } @media screen and (max-width: 1199px) { body.single-post img.wp-post-image { width: 65%; margin-right: 20px; } .meta-post { float:none; margin:20px 0; width:100%; } .post-excerpt { margin: 0 0 20px; } /* Blog post-page styling */ .blog-single-post .blog-left { float: left; /*width: 400px;*/ max-width: 410px; } .blog-single-post .blog-left.full { float: left; /*width: 400px;*/ max-width: 650px; } .blog-single-post .blog-left.full img { max-width: 100%; } .blog-single-post .blog-right.full { width: 280px; } .blog-single-post .blog-right.full .post-excerpt { font-size: 12px; width: 280px; } .blog-single-post .blog-right.full .post-excerpt p { margin:0; } .blog-single-post .blog-thumb { float: left; max-width: 97%; } .blog-single-post .blog-right { float: right; width: 285px; } .blog-single-post .meta-post { font-size: 12px; line-height: 16px; margin: 0; } .blog-single-post .post-excerpt { float: right; margin: 0; width: 285px; } body.single-post .span8 img.wp-post-image { max-width: 100%; } /* Author Archive styling */ .span9 .author-right.tenpad { width:auto; } .footer.simple-sides .footer-widget-wrap { } .footer.simple-sides .span3.footer-widget-wrap { width: 188px; } .span8 .author-right.tenpad { width: auto; } .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input, .gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex .ginput_right input[type="text"], .gform_wrapper .ginput_complex .ginput_right input[type="url"], .gform_wrapper .ginput_complex .ginput_right input[type="email"], .gform_wrapper .ginput_complex .ginput_right input[type="tel"], .gform_wrapper .ginput_complex .ginput_right input[type="number"], .gform_wrapper .ginput_complex .ginput_right input[type="password"], .gform_wrapper .ginput_complex .ginput_right select { width: 93% !important; } /* Gravity Forms Styling */ .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="email"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="number"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="password"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="tel"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="text"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="url"], .gform_wrapper .ginput_complex input[type="email"], .gform_wrapper .ginput_complex input[type="number"], .gform_wrapper .ginput_complex input[type="password"], .gform_wrapper .ginput_complex input[type="tel"], .gform_wrapper .ginput_complex input[type="text"], .gform_wrapper .ginput_complex input[type="url"] { width: 92% !important; } /* Prefooter Styling */ .footer.simple-sides .span6.footer-widget-wrap { width: 430px; } } @media screen and (max-width: 1199px) and (min-width: 768px) { /* WooCommerce Styling */ .woocommerce-page .widget_shopping_cart .buttons a, .woocommerce .widget_shopping_cart .buttons a, .woocommerce-page.widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a { width: 80%; padding: 4px 0; margin: 5px 0 0; } } @media screen and (max-width: 1024px) { #mobile-header { /*flex: 1 0 auto;*/ z-index: 100; margin-bottom: 0; } #search_expand_form button { margin:3px 10px 3px -33px !important; width: 19px !important; padding: 0; } } @media screen and (min-width: 980px) { /*new*/ .dropdown-item:hover > .drop-menu, .dropup-item:hover > .drop-menu { display: block; } .drop-menu>.menu-item:hover>.drop-menu { display: block; } .jumbotron.has-preheader, #main-content.has-preheader { /*margin-top: 40px;*/ } #pre-header #preheader-nav .nav>li>a { padding-top: 10px; padding-bottom: 10px; } #headmenu-bar #header-menu .nav > li > a { padding-top: 10px; padding-bottom: 10px; } } @media screen and (max-width: 980px) { /* Unfloat brand */ body > .navbar-fixed-top .brand { float: left; margin-left: 0; padding-left: 10px; padding-right: 10px; } /* Inline-block quick links for more spacing */ .quick-links li { display: inline-block; margin: 5px; } /* When affixed, space properly */ .bs-docs-sidenav { top: 0; width: 218px; margin-top: 30px; margin-right: 0; } .meta-post { float:none; margin:20px 0; width:100%; } .post-excerpt { margin: 0 0 20px; } .footer.simple-sides .footer-widget-wrap:first-child { /*margin-left:20px;*/ } .footer.simple-sides .span6.footer-widget-wrap { width: 432px; } .footer.simple-sides .footer-widget-wrap { margin-left: 20px; } /* Gravity Forms */ .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input, .gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select { max-width: 92%; } .gform_wrapper .ginput_complex .ginput_full input { max-width: 96%; } /* Gravity Forms */ .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input, .gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select { width: 92%!important; } .gform_wrapper .ginput_complex .ginput_full input { width: 96%!important; } .gform_wrapper .gfield_time_hour input,.gform_wrapper .gfield_time_minute input { width: 68% !important; } } @media screen and (max-width: 979px) { /*#block-logo.pull-left, #site-logo.pull-left, #block-logo.pull-left #site-logo { float: none; margin: 0 auto; text-align: center; }*/ #main-content{margin-top:0px !important;} .jumbotron.header-fixed { position: static; } .jumbotron.has-preheader, #main-content.has-preheader { margin-top: -20px; top: 0px; } #pre-header.navbar .cart-parent { padding:6px 10px !important; } .navbar-fixed-top { margin-bottom: 0px !important; } #block-logo { width: 100% !important; float: none !important; } #block-logo, #site-logo, #block-logo #site-logo { text-align: center !important; width: 100% !important; float:none; } p#site-logo { float: none; text-align: center!important; } #header-search { /*float: none;*/ display: block; margin-left: 0; margin-right: 0; clear: both; } #header-search.under-logo-mobile { margin-top: 20px; } /*#header-search.over-logo-mobile { margin-bottom: 20px; }*/ .visible-phone.visible-tablet .tagline-wrap { margin-top: 20px; } .tagline-wrap.pull-right, .tagline-wrap.pull-left { /*float: none; clear: both; width: 100%;*/ text-align: center; } body.single-post img.wp-post-image { margin-right: 0; width: 100%; } .meta-post {float: left;} .bs-docs-sidebar.simple-sides.span3 .widget-wrap, .bs-docs-sidebar.simple-boxed.span3 .widget-wrap { width: 146px; padding: 0 10px; } #header-menu.navbar.pull-right, #header-menu.navbar.pull-left { float: none; } #header-menu.navbar.pull-right #header-nav, #header-menu.navbar.pull-left #header-nav{ float: none; } #headmenu-bar .nav, #header-menu.mobile .nav { margin: 0 0 10px; } body.admin-bar .jumbotron.header-fixed.has-preheader { top: 0px; /*margin-top: -20px;*/ } .blog-single-post .blog-right.full { width: 100%; } .blog-single-post .blog-right.full .post-excerpt { font-size: 12px; width: 100%; } .span8 .author-right.tenpad { width: auto; } .container.footer-menu { background-color: #2A2D40; margin-bottom: 10px; clear: both; } .footer .prefooter-inner { padding-top: 30px; padding-bottom: 20px; } .footer.simple-boxed .footer-widget-wrap { padding: 0 10px; width: 144px; } .footer.simple-sides .footer-widget-wrap { width: 144px; } .footer.simple-sides .footer-widget-wrap { margin-left: 20px; padding: 0 10px; } .footer.simple-boxed .span2.footer-widget-wrap { padding: 0 10px; width: 82px; } .footer.simple-sides .span2.footer-widget-wrap { width: 82px; } .footer.simple-sides .span3.footer-widget-wrap { width: 144px; } .footer.simple-boxed .span4.footer-widget-wrap { padding: 0 10px; width: 206px; } .footer.simple-sides .span4.footer-widget-wrap { width: 206px; } .footer.simple-boxed .span6.footer-widget-wrap { padding: 0 10px; width: 330px; } .footer.simple-sides .span6.footer-widget-wrap { width: 330px; } .footer.simple-boxed .span8.footer-widget-wrap { padding: 0 10px; width: 454px; } .footer.simple-sides .span8.footer-widget-wrap { width: 454px; } .footer.simple-boxed .span12.footer-widget-wrap { padding: 0 10px; width: 702px; } .footer.simple-sides .span12.footer-widget-wrap { width: 702px; } .footer.fixed-bottom { position: static; } .navbar-fixed-bottom { margin-top: 0; } .shop-entry .single-product .summary .socialshare-header .socialshares { padding: 5px; } .shop-entry .single-product .summary .socialshare-header .socialshares [class^="icon-"], .shop-entry .single-product .summary .socialshare-header .socialshares [class*=" icon-"] { font-size: 18px; } .jumbotron .visible-phone .navbar .container { padding:0 5px; } .relatedposts .page-header ul.thumbnails li.span4 {width: 100%; margin-left: 0;} } @media screen and (max-width: 979px) and (min-width: 930px) { #search_expand_form input[type="text"] { width:96% !important; } } @media screen and (max-width: 979px) and (min-width: 768px) { .jumbotron.has-preheader { margin-top: 0px; } .nav-collapse.in.collapse .drop-menu { margin:0 0 2px; width:100%; } .bs-docs-sidebar.simple-sides.span3 .widget-wrap.stay, .bs-docs-sidebar.simple-boxed.span3 .widget-wrap.stay { width: 144px; padding: 0 10px; } #block-logo, #site-logo, #block-logo #site-logo { text-align: center !important; width: 100% !important; float:none; } /* Remove any padding from the body */ body { padding-top: 0; } /* Widen masthead and social buttons to fill body padding */ .jumbotron { /*margin-top: -20px; /* Offset bottom margin on .navbar */ } /* Adjust sidenav width */ .bs-docs-sidenav, .bs-docs-sidebar { width: 166px; margin-top: 20px; } .bs-docs-sidebar.span3 .widget-wrap.stay { width: 166px; } .span4 .bs-docs-sidenav, .bs-docs-sidebar.span4 { width: 228px; margin-top: 20px; } .bs-docs-sidebar.span4 .widget-wrap.stay { width: 228px; } .bs-docs-sidebar.simple-sides .widget-wrap{ width: 145px; padding: 0 10px; } .bs-docs-sidenav.affix, .bs-docs-sidebar.affix { top: 0; } /* Blog post-page styling */ .blog-single-post .blog-left { float: left; width: 100%; max-width: 100% !important; } .blog-single-post .blog-right { float: left; width: 100% !important; } .blog-single-post .post-excerpt { float: left; margin: 20px 0 0; width: 100%; } .span8 .blog-single-post .post-excerpt p, .span9 .blog-single-post .post-excerpt p { margin:15px 0; } /* Author Archive styling */ .span9 .author-right.tenpad { width:auto; } .authortop { padding-top: 20px; } /* Prefooter Styling */ .footer.simple-sides .span6.footer-widget-wrap { width: 322px; margin-left: 20px; } /* Gravity Forms */ .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input, .gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select { max-width: 90%; } .gform_wrapper .ginput_complex .ginput_full input { max-width: 95%; } .widget select, .widget textarea, .widget input[type="text"], .widget input[type="password"], .widget input[type="datetime"], .widget input[type="datetime-local"], .widget input[type="date"], .widget input[type="month"], .widget input[type="time"], .widget input[type="week"], .widget input[type="number"], .widget input[type="email"], .widget input[type="url"], .widget input[type="search"], .widget input[type="tel"], .widget input[type="color"], .widget .uneditable-input { width: 86%; } } @media screen and (min-width: 768px) { .woo_mobile_only {display: none;} } @media screen and (max-width: 767px) { .woo_mobile_only {display: block;} body.single-post .span8 .entry img.wp-post-image {max-width: 100%;} .sensei p.sensei-message a.next-lesson, .sensei div.sensei-message a.next-lesson, .course-container p.sensei-message a.next-lesson, .course-container div.sensei-message a.next-lesson, .course p.sensei-message a.next-lesson, .course div.sensei-message a.next-lesson, .lesson p.sensei-message a.next-lesson, .lesson div.sensei-message a.next-lesson, .quiz p.sensei-message a.next-lesson, .quiz div.sensei-message a.next-lesson, .learner-info p.sensei-message a.next-lesson, .learner-info div.sensei-message a.next-lesson { margin: 10px 0 0 33px; display: inline-block; float: none; } .sensei p.sensei-message a.next-lesson, .sensei div.sensei-message a.next-lesson, .course-container p.sensei-message a.next-lesson, .course-container div.sensei-message a.next-lesson, .course p.sensei-message a.next-lesson, .course div.sensei-message a.next-lesson, .lesson p.sensei-message a.next-lesson, .lesson div.sensei-message a.next-lesson, .quiz p.sensei-message a.next-lesson, .quiz div.sensei-message a.next-lesson, .learner-info p.sensei-message a.next-lesson, .learner-info div.sensei-message a.next-lesson { clear: both; display: block; float: none; margin: 10px 0 0; position: relative; text-align: center; } body.single-course article.lesson { margin: 0 0 3% 0; width: 100%; } section.course-lessons article.lesson > a, section.course-lessons .woo-image.thumbnail.alignleft.wp-post-image { width: 100%; } body.single-quiz .quiz form ol#sensei-quiz-list li > span span { bottom: auto; clear: both; display: block; float: none; margin: 10px 0 0; padding: 0 10px; position: relative; right: auto; text-align: center; width: 100px; } .quiz form ol#sensei-quiz-list li .answer_message.user_right { margin: 0 0 10px; top: auto; width: 100px; position: relative; bottom: auto; right: auto; text-align: center; } } @media screen and (max-width: 767px) { form#header-search input[type="text"] { padding: 4px 6px 5px;} .jumbotron #header-search .btn { margin-top: 0; /*padding: 0 0 10px 8px;*/} #mobile-header { margin-left: -20px; margin-right: -20px; } #main-content { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .precontent-inner { margin: 0 -20px; } #block-logo, #site-logo, #block-logo #site-logo{ text-align: center !important; } #block-menu.pull-right, #block-menu.pull-left { float: none !important; clear: both; } #block-menu.navbar { padding: 0 20px; } #header-menu { padding: 0 0; } .tagline-wrap { font-size: 1.2em; } .tagline-wrap.pull-left, .tagline-wrap.pull-right { text-align: center; } .widget-wrap { width: 100%!important; } .widget-wrap.affix-bottom { position: relative !important; top: auto !important; } .widget select, .widget textarea, .widget input[type="text"], .widget input[type="password"], .widget input[type="datetime"], .widget input[type="datetime-local"], .widget input[type="date"], .widget input[type="month"], .widget input[type="time"], .widget input[type="week"], .widget input[type="number"], .widget input[type="email"], .widget input[type="url"], .widget input[type="search"], .widget input[type="tel"], .widget input[type="color"], .widget .uneditable-input { width: 92%; } .bs-docs-sidebar.simple-sides .widget-wrap, .bs-docs-sidebar.simple-boxed .widget-wrap { max-width: 100%; width: auto!important; } .footer.simple-sides .footer-widget-wrap, .footer.simple-boxed .footer-widget-wrap { max-width: 100%; width: auto!important; margin-bottom: 10px; } .stay { position: static; } .woocart { width: 175px; } #woo-shop .shop-entry .products li.product { width: 48%; } #woo-shop .shop-entry .products li.product:nth-child(even) { margin-right: 0; } #woo-shop .shop-entry .products li.product:nth-child(odd) { margin-left: 0; } #woo-shop .single-product .product .images { width: 100%; } #woo-shop .single-product .product .summary { clear: both; width: 100%; } .shop-entry .single-product .summary .socialshare-header .socialshares { padding: 10px; } .shop-entry .single-product .summary .socialshare-header .socialshares [class^="icon-"], .shop-entry .single-product .summary .socialshare-header .socialshares [class*=" icon-"] { font-size: 20px; } #woo-shop .single-product .product .woocommerce-tabs .tabs { } .woocommerce table.shop_table_responsive tr:nth-child(2n), .woocommerce-page table.shop_table_responsive tr:nth-child(2n) { background-color: rgba(0,0,0,.025); } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background-color: transparent; } .woocommerce table.shop_table_responsive tr.cart_item:nth-child(2), .woocommerce-page table.shop_table_responsive tr.cart_item:nth-child(2), .woocommerce table.shop_table_responsive tr:nth-child(2n), .woocommerce-page table.shop_table_responsive tr:nth-child(2n) { background-color: #EBEDF1; } .woocommerce table.shop_table_responsive tr.cart_item:nth-child(2) td, .woocommerce-page table.shop_table_responsive tr.cart_item:nth-child(2) td, .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background-color: transparent; } .woocommerce table.shop_table_responsive tr.cart_item:nth-child(2), .woocommerce-page table.shop_table_responsive tr.cart_item:nth-child(2), .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {background-color: #EBEDF1;} .woocommerce table.shop_table_responsive tr.cart_item:nth-child(2n+1), .woocommerce-page table.shop_table_responsive tr.cart_item:nth-child(2n+1) {background-color: #F5F6F8;} .woocommerce table.shop_table_responsive tr.cart_item td.product-remove, .woocommerce-page table.shop_table_responsive tr.cart_item td.product-remove { padding-bottom: 0; } .woocommerce table.shop_table_responsive tr.cart_item td.product-name, .woocommerce-page table.shop_table_responsive tr.cart_item td.product-name { border-top: none; padding-top: 0; } .woocommerce table.shop_table_responsive tr.cart_item td.product-name a, .woocommerce-page table.shop_table_responsive tr.cart_item td.product-name a { float: left; margin-left: 10px; margin-bottom: 15px; text-align: left; } .woocommerce table.shop_table_responsive tr.cart_item td.product-price, .woocommerce-page table.shop_table_responsive tr.cart_item td.product-price { border-top: medium none; clear: both; display: inline-block; float: left; font-size: 16px; padding-left: 10px; } .woocommerce table.shop_table_responsive tr.cart_item td.product-price span, .woocommerce-page table.shop_table_responsive tr.cart_item td.product-price span { float: left; margin-left: 8px; } .woocommerce table.shop_table_responsive tr.cart_item td.product-quantity, .woocommerce-page table.shop_table_responsive tr.cart_item td.product-quantity { clear: both; float: left; font-size: 13px; line-height: 27px; border-top: medium none; padding-top: 0px; padding-left: 10px; } .woocommerce table.shop_table_responsive tr.cart_item td.product-quantity .quantity, .woocommerce-page table.shop_table_responsive tr.cart_item td.product-quantity .quantity { width: 100px; } .woocommerce table.shop_table_responsive tr.cart_item td.product-quantity .quantity input, .woocommerce-page table.shop_table_responsive tr.cart_item td.product-quantity .quantity input { padding: 5px; } .woocommerce table.shop_table_responsive tr.cart_item td.product-subtotal, .woocommerce-page table.shop_table_responsive tr.cart_item td.product-subtotal { border-top-color: #ced4e0; clear: both; display: block; font-size: 16px; height: 26px; } .woocommerce table.shop_table_responsive tr.cart_item td.product-subtotal span, .woocommerce-page table.shop_table_responsive tr.cart_item td.product-subtotal span { float: left; margin-left: 8px; } table.shop_table tr.cart_item dl.variation { display: block; clear: both; float: left; margin-top: 0; width: 100%; } table.shop_table tr.cart_item dl.variation dd { width: auto; float: left; margin-left: 10px; } table.shop_table tr.cart_item del span.amount { opacity: 0.5; text-decoration: line-through; font-size: 80%; } body.woocommerce-account table.shop_table tr.order:nth-child(1) td.order-number {border-top-width: 0;} body.woocommerce-account table.shop_table tr.order td.order-number {border-top-width: 2px;} body.woocommerce-account table.shop_table tr.order td.order-date, body.woocommerce-account table.shop_table tr.order td.order-status, body.woocommerce-account table.shop_table tr.order td.order-total, body.woocommerce-account table.shop_table tr.order td.order-actions {border-top-color: #ced4e0;} body.woocommerce-account td.order-actions a {margin-left: 0; margin-right: 10px;} .entry .shop_table.cart td, .entry .shop_table.cart th { padding: 0.618em } .entry .shop_table.cart th { font-size: 12px; font-weight: normal; } .entry .shop_table.cart td { vertical-align: top; } .entry .shop_table.cart .product-thumbnail { min-width: 0; } .entry .shop_table.cart .product-price, .entry .shop_table.cart .product-subtotal { font-size: 12px; } .entry .shop_table.cart .product-quantity { min-width: 0; } .entry .shop_table.cart .product-quantity .quantity { width: 40px; } .entry .shop_table.cart .product-quantity .quantity input.qty { width: 20px; } .entry .shop_table.cart img { width: 2.992em; } .entry .shop_table.cart .actions .coupon { width: 100%; } .entry .shop_table.cart .actions .coupon #coupon_code { width: 45%; } .entry .shop_table.cart .actions .btn { margin-bottom: 10px; width: 100%; } .entry .shop_table.cart .actions .coupon .btn{ width: 48%; } .entry .cart-collaterals .cross-sells{ width: 100%; } .entry .cart-collaterals .cart_totals { float: left; width: 100%; clear: both; text-align: left; } .entry .cart-collaterals .cart_totals>table { float: none; width: 100%; } .entry .cart-collaterals .shipping_calculator { width: 100%; text-align: left; float: none; clear: both; } .entry .cart-collaterals .shipping_calculator .shipping-calculator-form { padding-top: 5px; } .entry .col2-set .col-1, .entry .col2-set .col-2 { width: 100%; } .entry .col2-set .col-1>h3, .entry .col2-set .col-2>h3 { width: 100%; } /* Remove any padding from the body */ body { padding-top: 0; } /* Widen masthead and social buttons to fill body padding */ .jumbotron { margin-right: -20px; margin-left: -20px; } .jumbotron.has-preheader { margin-top: -20px; } .jumbotron-inner { padding: 25px 20px; /* margin-top: -20px; /* Offset bottom margin on .navbar */ margin-left: 0; margin-right: 0; } .masthead h1 { font-size: 90px; } .masthead p, .masthead .btn { font-size: 24px; } .marketing .span4 { margin-bottom: 40px; } .bs-docs-social { margin: 0 -20px; } /* Space out the show-grid examples */ .show-grid [class*="span"] { margin-bottom: 5px; } /* Sidenav */ .bs-docs-sidenav { width: auto; margin-bottom: 20px; } .bs-docs-sidebar.simple-sides .widget-wrap{ max-width: 100%; width: auto; padding: 0 20px; } .bs-docs-sidenav.affix, .bs-docs-sidebar.affix { position: static; width: auto; top: 0; } #prefooter { margin-left: -20px; margin-right: -20px; } /* Unfloat the back to top link in footer */ .prefooter-inner { padding-left: 20px; padding-right: 20px; } .footer p { margin-bottom: 9px; } /* Blog post-page styling */ .blog-single-post .blog-left { float: left; width: 100%; max-width: 100%; } .blog-single-post .blog-right { float: right; width: 100%; } .blog-single-post .post-excerpt { float: right; margin: 20px 0 0; width: 100%; } /* Author Archive styling */ .author-left { width:24%; } .span8 .author-left { width:auto; } .span8 .author-right.tenpad { width:auto; } .span9 .author-right.tenpad { width:auto; } /* Footer Widget Areas */ .footer.simple-sides .footer-widget-wrap { border: none !important; } .footer.simple-sides .footer-widget-wrap { padding: 0 10px !important; margin-left: 0; } /* MASONRY */ .grid-post_outer {margin: 0 0 20px 0; width: 100%;} } @media screen and (max-width: 979px) and (min-width: 735px) { #search_expand_form input[type="text"] { width:95% !important; } } @media screen and (max-width: 600px) { .span8 .blog-single-post .post-excerpt p, .span9 .blog-single-post .post-excerpt p { font-size: 14px; line-height: 24px; } #search_expand_form input[type="text"] { width:94% !important; } .span8 .author-right.tenpad { width:auto; } .span9 .author-right.tenpad { width:auto; } .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input, .gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex .ginput_right input[type="text"], .gform_wrapper .ginput_complex .ginput_right input[type="url"], .gform_wrapper .ginput_complex .ginput_right input[type="email"], .gform_wrapper .ginput_complex .ginput_right input[type="tel"], .gform_wrapper .ginput_complex .ginput_right input[type="number"], .gform_wrapper .ginput_complex .ginput_right input[type="password"], .gform_wrapper .ginput_complex .ginput_right select { width: 90% !important; } .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input, .gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select { width: 90% !important; } } @media screen and (max-width: 549px) { #block-logo, #site-logo, #block-logo #site-logo {width: 60% !important;} } @media screen and (max-width: 500px) { #search_expand_form input[type="text"] { width:93% !important; } ol.commentlist li article.comment p { font-size: 14px; line-height: 24px; } } @media screen and (max-width: 480px) { .woocommerce-page div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs { padding-left: 0; } .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li { display: block; position: relative; width: 100%; clear: both; float: left; } .woocommerce-page div.product .woocommerce-tabs ul.tabs li:first-child a, .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child a { margin-top:0 !important; } .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-right: 12px; padding-left: 12px; margin: -1px 0 0 0; width: auto; display: block; } .woocommerce-page div.product .woocommerce-tabs ul.tabs li:last-child a, .woocommerce div.product .woocommerce-tabs ul.tabs li:last-child a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-page div.product .woocommerce-tabs ul.tabs .active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs .active a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs .active a, .woocommerce div.product .woocommerce-tabs ul.tabs .active a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; } /* Remove padding above jumbotron */ body { padding-top: 0; } /* Change up some type stuff */ h2 small { display: block; } /* Downsize the jumbotrons */ .jumbotron h1 { font-size: 45px; } .jumbotron .btn { font-size: 18px; } .jumbotron .btn { display: block; margin: 0 auto; } /* center align subhead text like the masthead */ .subhead h1, .subhead p { text-align: center; } /* Marketing on home */ .marketing h1 { font-size: 30px; } .marketing-byline { font-size: 18px; } /* center example sites */ .example-sites { margin-left: 0; } .example-sites > li { float: none; display: block; max-width: 280px; margin: 0 auto 18px; text-align: center; } .example-sites .thumbnail > img { max-width: 270px; } /* Do our best to make tables work in narrow viewports */ table code { white-space: normal; word-wrap: break-word; word-break: break-all; } /* Examples: dropdowns */ .bs-docs-example-submenus > .pull-left { float: none; clear: both; } .bs-docs-example-submenus > .pull-left, .bs-docs-example-submenus > .pull-left + .pull-left { margin-left: 0; } .bs-docs-example-submenus p { margin-bottom: 0; } .bs-docs-example-submenus .dropup > .dropdown-menu, .bs-docs-example-submenus .dropdown > .dropdown-menu { margin-bottom: 10px; float: none; max-width: 180px; } /* Examples: modal */ .modal-example .modal { position: relative; top: auto; right: auto; bottom: auto; left: auto; } /* Tighten up footer */ .footer .prefooter-inner { padding-top: 20px; padding-bottom: 20px; } /* Blog post-page styling */ .blog-single-post .blog-left, .span8 .blog-single-post .blog-left, .span9 .blog-single-post .blog-left { float: left; width: 100%; max-width:100%; } .blog-single-post .blog-right, .span8 .blog-single-post .blog-right, .span9 .blog-single-post .blog-right { float: right; width: 100%; } .blog-single-post .post-excerpt, .span8 .blog-single-post .post-excerpt, .span9 .blog-single-post .post-excerpt { float: right; margin: 20px 0 0; width: 100%; } /* Author Archive styling */ .author-left { width:100%; } .span8 .author-right.tenpad { width:auto; } .span9 .author-right.tenpad { width:auto; } .author-right.tenpad .author1 { font-size: 15px; margin: 0 0 5px; } .author-right.tenpad .author1 [class^="icon-"], .author-right.tenpad .author1 [class*=" icon-"] { margin: 0 5px 0 0; } /* Comment styling */ ol.commentlist li ol.children { margin-left:0; } /* Footer Widget Areas */ .footer.simple-sides .footer-widget-wrap { border: none !important; } .footer.simple-sides .footer-widget-wrap { padding: 0 10px !important; margin-left: 0; } /* Gravity Forms Styling */ .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input, .gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select { width: 87% !important; } .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input, .gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex .ginput_right input[type="text"], .gform_wrapper .ginput_complex .ginput_right input[type="url"], .gform_wrapper .ginput_complex .ginput_right input[type="email"], .gform_wrapper .ginput_complex .ginput_right input[type="tel"], .gform_wrapper .ginput_complex .ginput_right input[type="number"], .gform_wrapper .ginput_complex .ginput_right input[type="password"], .gform_wrapper .ginput_complex .ginput_right select { width: 87% !important; } } @media screen and (max-width: 480px) { /* Sensei Styling */ section.course-results-lessons article h2 a { display: block; width: 100%; } .course-results-lessons h2 .lesson-grade { display: block; float: none; width: 100%; margin: 15px 0 0; } .course-results-lessons h2.total-grade .lesson-grade { display: inline-block; float: right; margin: 0; width: 30%; } } @media screen and (max-width: 435px) { #search_expand_form input[type="text"] { width:92% !important; } } @media screen and (max-width: 375px) { .pagination ul > li > a, .pagination ul > li > span {font-size: 12px; padding: 4px 10px;} } /* Portrait phones */ @media screen and (max-width: 360px) { .precontent { margin-left: 0; margin-right: 0; } .cart-wrap .btn-navbar span.amount { display:none; } #block-logo, #site-logo, #block-logo #site-logo {width: 70% !important;} #site-logo, #block-logo #site-logo { max-width:280px !important; float:none; margin:0; } p#site-logo { /*margin-left: 20px; margin-right: 20px;*/ } .ls-container { margin-bottom: 0 !important; } .nav-collapse.in.collapse .drop-menu > .menu-item.dropdown-submenu > .drop-menu { width:96%; } .jumbotron .visible-phone.visible-tablet .navbar-inner { margin: 0; } .entry .shop_table.cart .product-thumbnail { display: none !important; } .socialshares [class^="icon-"], .socialshares [class*=" icon-"], .authortop .author [class^="icon-"], .authortop .author [class*=" icon-"] { font-size: 24px; margin: 0 5px; } .thumbnail.author img {margin: 0px 0 20px !important; width: 100%;} /* Gravity Forms */ .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input, .gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select { max-width: 90%; } .gform_wrapper .ginput_complex .ginput_full input { max-width: 95%; } .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input, .gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select { width: 86% !important; } .gform_wrapper .ginput_complex .ginput_right input[type="text"], .gform_wrapper .ginput_complex .ginput_right input[type="url"], .gform_wrapper .ginput_complex .ginput_right input[type="email"], .gform_wrapper .ginput_complex .ginput_right input[type="tel"], .gform_wrapper .ginput_complex .ginput_right input[type="number"], .gform_wrapper .ginput_complex .ginput_right input[type="password"], .gform_wrapper .ginput_complex .ginput_right select { width: 86% !important; } /* Footer */ .navbar-inner .logo img { display: block; float: none; margin: 0; max-height: 30px; } footer .brand.pull-left, foot .brand.pull-right, footer .brand { clear: both !important; float: none !important; } footer .navbar-text { text-align:center !important; float:none; font-size:10px !important; } footer .social { text-align:center !important; padding:20px; } footer .navbar-inner .social { height:20px; text-align:center; float:none; padding:0; margin:0 0 10px; } footer .navbar-inner .social [class^="icon-"], footer .navbar-inner .social [class*=" icon-"] { height:20px; font-size:14px; margin:0 7px; line-height:20px; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 100%; float:left !important; } #search_expand_form input[type="text"] { height:34px !important; width:91% !important; } } @media screen and (max-width: 320px) { #search_expand_form input[type="text"] { width:89% !important; } } footer .navbar-text a, footer.navbar .nav > .menu-item > a, #footer-nav .nav > .menu-item > a, footer.navbar .social a, footer.navbar .search-bar a, footer.navbar .brand, footer.navbar nav-collapse.in.collapse .drop-menu .menu-item a, footer.navbar .nav > .menu-item > a > .caret { color: #E4EEF2; } footer .navbar-text a:hover, footer.navbar .nav > .menu-item > a:hover, #footer-nav .nav > .menu-item > a:hover, footer.navbar .social a:hover, footer.navbar .search-bar a:hover, footer.navbar .brand:hover, footer.navbar nav-collapse.in.collapse .drop-menu .menu-item a:hover, footer.navbar .nav > .menu-item > a:hover > .caret { color:#ffffff; } #search_expand_form #s{margin:0 !important;} #search_expand_form { padding-top:60px; margin:0 auto; max-width:1008px; width:100%;} #search_expand_form .pt6{ padding-top:36px !important; width:95%; margin:0 auto;} #search_expand_form .pt6 form{width: 100%;text-align: left;position: relative;overflow-x: hidden;height: 100%;background: transparent;} #search_expand_form input[type="text"]{font-weight: 300; padding: 10px; font-size: 26px; height: 40px; line-height: 40px; width: 97%; color: rgb(55, 55, 55); font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; letter-spacing: 1px; -webkit-appearance: none; -webkit-font-smoothing: antialiased; margin:0 auto; float:left; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;} #search_expand_form .screen-reader-text{display:none;} #search_expand_form button{width: 29px; height: 57px; background-color: transparent; margin: 5px 0px 6px -33px; border: 0px; color: gray; border-radius: 0;} #search_expand_form input[type="text"]:focus {box-shadow:none;} /*Scroll Top*/ .scroll-top:before { display: block; width: 34px; height: 34px; content: ""; background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2212px%22%20height=%228px%22%20viewBox=%220%200%2012%208%22%20enable-background=%22new%200%200%2012%208%22%20xml:space=%22preserve%22%3E%3Cpolygon%20fill=%22white%22%20points=%225.999,3.376%201.6,8%200,6.303%205.999,0%2012,6.303%2010.4,8%20%22/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; } .scroll-top.on { right: 15px; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .scroll-top { position: fixed; right: 15px; bottom: 15px; width: 34px; height: 34px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-border-radius: 17px; -moz-border-radius: 17px; -ms-border-radius: 17px; -o-border-radius: 17px; border-radius: 17px; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; z-index: 999; } .scroll-top.off { right: -35px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: -1; } /* WP 3.8 Admin Bar Styling */ @media screen and (max-width: 782px) { html #wpadminbar, #wpadminbar .ab-icon { height: 32px !important; } #wpadminbar .quicklinks > ul > li > a { padding:0 !important; } #wpadminbar .quicklinks li > a, #wpadminbar .quicklinks .ab-empty-item { height: 32px !important; line-height: 32px !important; } #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon { height: 32px !important; width: 45px !important; } #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before { font: 21px/1 dashicons !important; top: -13px !important; } #wpadminbar #wp-admin-bar-comments .ab-icon:before, #wpadminbar #wp-admin-bar-updates .ab-icon:before { font-size: 21px !important; height: 32px !important; line-height: 35px !important; top: 0 !important; } #wpadminbar #wp-admin-bar-new-content .ab-icon:before { font-size: 21px !important; height: 32px !important; line-height: 35px !important; top: 0 !important; width: 50px !important; } #wpadminbar #wp-admin-bar-edit > .ab-item:before, #wpadminbar #wp-admin-bar-my-sites > .ab-item:before, #wpadminbar #wp-admin-bar-site-name > .ab-item:before, #wpadminbar #wp-admin-bar-my-account > .ab-item:before { font: 400 21px/32px dashicons !important; top:0 !important; height:32px !important; width:55px !important; } #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { height: 26px !important; right: 13px !important; top: 6px !important; width: 26px !important; } }