/*------------------------------------------------------------------
[Master Stylesheet]
Project: Vega Wordpress Theme
Version: 1.0
Last change: 02/12/14 [initial release]
Assigned to: ThemeGoods
Primary use: Wordpress Theme
-------------------------------------------------------------------*/
@import "reset.css";
@import "wordpress.css";
/*------------------------------------------------------------------
[Color codes]
Background: #ffffff (white)
Content: #000000 (black)
Header: #000000 (black)
Footer: #000000 (black)
a (standard): #000000 (black)
a (hover): #000000 (black)
a (active): #000000 (black)
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Typography]
Body copy: 16px/1.8em "Crimson Text", "Times New Roman", georgia, sans-serif
Header: 36px/1.8em "Montserrat", "helvetica neue", Helvetica, sans-serif
Input, textarea: 16px "Crimson Text", "Times New Roman", georgia, sans-serif
Sidebar heading: 13px uppercase "Montserrat", "helvetica neue", Helvetica, sans-serif
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]
1. Body
2. Navigation / .top_bar
3. Footer / #footer
4. Content / #page_content_wrapper
5. Social Sharing / #social_share_wrapper
6. Sidebar / .sidebar_wrapper
7. Form & Input
8. Pagination / .pagination
9. Widgets
10. Gallery Template Elements
11. Contact Form Captcha / #captcha-wrap
12. Woocommerce Elements
-------------------------------------------------------------------*/
html
{
overflow-x: hidden;
}
body
{
background: #fff;
font-size: 16px;
font-family: "Crimson Text", "Times New Roman", georgia, sans-serif;
padding: 0;
margin: 0;
color: #000;
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
line-height: 1.8;
height: 100%;
word-wrap: break-word;
font-weight: 300;
}
html, body[data-style=password], body[data-style=wall], body.page-template-contact-php
{
height: 100%;
}
body.mfp-zoom-out-cur
{
height: auto;
}
hr
{
height: 0;
border: 0;
border-top: 1px solid #e1e1e1;
background: transparent;
display: block;
margin: auto;
width: 100%;
clear: both;
}
hr.thin
{
border-top: 1px solid #000;
}
.textright
{
text-align: right;
}
a
{
color: #0da29e;
text-decoration: none;
-webkit-transition: color .2s linear, background .1s linear;
-moz-transition: color .2s linear, background .1s linear;
-ms-transition: color .2s linear, background .1s linear;
-o-transition: color .2s linear, background .1s linear;
transition: color .2s linear, background .1s linear;
}
a:hover
{
color: #000;
text-decoration: none;
}
a:active
{
color: #000;
text-decoration: none;
}
h1
{
font-size: 36px;
}
h2
{
font-size: 32px;
}
#searchform label
{
display: none;
}
#searchform input[type=text]
{
width: 91%;
border: 0;
}
h3
{
font-size: 26px;
}
h3#reply-title
{
font-size: 20px;
margin-bottom: 5px;
}
h4
{
font-size: 20px;
}
.gmap_marker h4
{
font-size: 13px;
color: #000;
display: block;
width: 100%;
text-align: center;
}
h5
{
font-size: 18px;
}
h6
{
font-size: 16px;
}
h7
{
font-size: 14px;
}
h1, h2, h3, h4, h5, h6, h7
{
color: #000;
font-family: "Montserrat", "helvetica neue", Helvetica, sans-serif;
}
h1.white
{
color: #fff;
}
.fixed
{
position: fixed;
z-index: 10;
}
.strong
{
font-weight: bold;
}
.middle
{
vertical-align: -30%;
}
pre, code, tt
{
font:12px 'andale mono', 'lucida console', monospace;
line-height:1.5;
padding: 15px 10px 15px 10px;
display: block;
overflow: auto;
margin-top: 20px;
margin: 20px 0 20px 0;
width:92%;
border: 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.clear
{
clear: both;
}
img.mid_align
{
vertical-align: middle;
margin-right: 5px;
border: 0;
}
#contact_form
{
margin-left: -1.33333rem;
}
#contact_form label
{
clear: both;
float: none;
width: 100%;
margin-left: 0;
margin-bottom: 10px;
display: block;
}
#contact_form > p
{
float: left;
width: 31.1%;
border-left: 0 solid transparent;
border-left-width: 24px;
border-left-width: 1.33333rem;
}
#contact_form > p.textarea, #page_content_wrapper.fixed #contact_form > p
{
width: 100%;
box-sizing: border-box;
}
#contact_form input, #contact_form textarea, #commentform input, #commentform textarea
{
margin-bottom: 15px;
}
.dropcap1
{
display: block;
float: left;
margin: 0 8px 0 0;
font-size: 40px;
line-height: 40px;
background: #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
color: #000;
width: 40px;
height: 40px;
text-align: center;
text-shadow: none;
}
blockquote
{
margin: 10px 0 10px 0;
font-size: 22px;
font-style: italic;
}
blockquote h2
{
font-weight: normal;
font-size: 20px;
}
blockquote h3
{
font-weight: normal;
font-size: 18px;
}
#respond
{
width: 100%;
float: left;
margin: 0;
}
#respond.comment-respond
{
margin: 0 0 20px 0;
padding-top: 60px;
border-top: 1px solid #e1e1e1;
text-align: center;
position: relative;
}
#wrapper, #supersized
{
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-font-smoothing: antialiased;
}
body.js_nav #wrapper
{
-webkit-transform: translate3d(70%, 0px, 0px) scale3d(1, 1, 1);
-moz-transform: translate3d(70%, 0px, 0px) scale3d(1, 1, 1);
transform: translate3d(70%, 0px, 0px) scale3d(1, 1, 1);
}
#wrapper
{
background: #fff;
padding: 20px 20px 0 20px;
box-sizing: border-box;
}
body[data-style=fullscreen], body[data-style=password]
{
overflow: hidden;
}
body[data-style=fullscreen] #wrapper
{
max-height: 100%;
max-width: 100%;
height: 100%;
background: transparent;
z-index: 9;
position: relative;
}
#ajax_loading
{
display: none;
}
#supersized li
{
background: #000;
}
/*------------------------------------------------------------------
[2. Navigation]
*/
#overlay_background
{
background-color: rgba(0, 0, 0, 0.8);
position: fixed;
z-index: 21;
top: 0;
left:0;
width: 100%;
height: 100%;
display: none;
}
#overlay_background.visible
{
display: block;
}
.logo_wrapper
{
text-align: center;
display: inline-block;
line-height: 0;
}
.top_bar
{
width: 100%;
text-align: center;
padding-top: 40px;
padding-bottom: 30px;
position: relative;
z-index: 99;
background: #fff;
float: left;
}
.top_bar #searchform
{
display: block;
float: right;
margin-left: 0;
}
.top_bar #searchform input
{
border: 0;
width: 600px;
position: relative;
display: none;
margin-left: 15px;
padding: 0;
}
.top_bar #searchform input:focus
{
outline: none;
}
.top_bar #searchform button
{
padding: 0 10px 0 10px;
margin-left: 15px;
background: transparent;
border: 0;
outline: none;
cursor: pointer;
}
.top_bar #searchform button i
{
font-size: 16px;
color: #777;
}
.top_bar #searchform button.active
{
position: relative;
top: 2px;
}
.top_bar #searchform button.active i
{
color: #000;
}
body[data-style=fullscreen] .top_bar, .top_bar.fixed
{
padding-top: 20px;
padding-bottom: 10px;
position: fixed;
top: 0;
left: 0;
top: 20px;
}
.top_bar.fixed
{
top: 0;
opacity: 0;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}
.top_bar.fixed.visible
{
animation-name: slideDown;
-webkit-animation-name: slideDown;
animation-duration: 0.2s;
-webkit-animation-duration: 0.2s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
body[data-style=fullscreen] .top_bar .logo_wrapper img, .top_bar.fixed .logo_wrapper img
{
max-height: 30px;
width: auto;
}
body[data-style=fullscreen] .top_bar .main_menu_container
{
margin-top: -19px !important;
}
#mobile_nav_icon
{
margin-top: 19px;
margin-left: 20px;
display: block;
border-bottom: 10px double #888;
border-top: 3px solid #888;
height: 4px;
width: 25px;
float: left;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
display: none;
cursor: pointer;
}
.top_bar.fixed #mobile_nav_icon, body[data-style=fullscreen] .top_bar #mobile_nav_icon
{
margin-top: 5px;
}
.mobile_menu_wrapper
{
left: 0px;
-webkit-transform: translate3d(-100%, 0px, 0px);
-ms-transform: translate3d(-100%, 0px, 0px);
transform: translate3d(-100%, 0px, 0px);
-o-transform: translate(-100%, 0px);
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: -webkit-transform 500ms ease;
-webkit-font-smoothing: subpixel-antialiased;
width: 70%;
background: #191919;
position: absolute;
top: 0px;
overflow: scroll !important;
height: 100%;
z-index: 99999;
-webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0,0,0,0.1);
-moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0,0,0,0.1);
box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0,0,0,0.1);
font-family: 'Montserrat', 'Helvetica Neue', Arial,Verdana,sans-serif;
display: none;
}
body.js_nav .mobile_menu_wrapper
{
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
}
.mobile_main_nav li a
{
text-transform: uppercase;
}
#close_mobile_menu
{
font-size: 22px;
line-height: 40px;
text-decoration: none;
height: 40px;
display: block;
text-align: center;
}
#close_mobile_menu i
{
color: #fff;
}
body #imageFlow_gallery_info
{
height: 100%;
max-height: 100%;
overflow: auto;
}
body.js_nav #imageFlow_gallery_info
{
display: none;
}
@-moz-document url-prefix() {
.mobile_menu_wrapper
{
display: none;
}
body.js_nav .mobile_menu_wrapper
{
display: block;
}
}
#menu_wrapper
{
position: relative;
}
#menu_wrapper .notice
{
font-size: 13px;
display: inline-block;
vertical-align: middle;
margin: 0 25px 0 25px;
}
#menu_border_wrapper
{
display: block;
}
.nav, .subnav, .nav_page_number
{
list-style: none;
}
.subnav
{
background: none;
}
.nav > li, .nav_page_number > li
{
display: inline-block;
}
.nav_page_number
{
margin-top: 2px;
}
.main_menu_container
{
vertical-align: middle;
display: inline-block;
margin: 0 25px 0 25px;
display: none;
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
}
.main_menu_container.visible
{
display: inline-block;
}
#menu_wrapper .nav ul, #menu_wrapper div .nav
{
list-style: none;
display: inline-block;
padding-top: 10px;
}
#menu_wrapper .nav ul li, #menu_wrapper div .nav li
{
display: inline-block;
margin: 0 15px 0 15px;
}
#menu_wrapper .nav ul li ul li, #menu_wrapper div .nav li ul li
{
clear: both;
width: 100%;
padding: 0;
margin: 0;
}
#menu_wrapper .nav ul li:last-child, #menu_wrapper div .nav li:last-child
{
margin-right: 0;
}
#menu_wrapper .nav ul li a, #menu_wrapper div .nav li a
{
display: inline-block;
padding: 0;
margin: 0;
color: #999;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
width: 100%;
display: block;
font-weight: bold;
font-family: 'Montserrat', 'helvetica neue', Helvetica, sans-serif;
}
#menu_wrapper div .nav > li > a
{
padding-bottom: 10px;
}
#menu_wrapper .nav ul li.arrow > a:after, #menu_wrapper div .nav li.arrow > a:after
{
font-weight: bold;
font-size: 10px;
margin-left: 0.5em;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: 10%;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
font-family: 'FontAwesome';
content: "\f107";
float: right;
margin-right: 0px;
margin-top: 5px;
}
#menu_wrapper .nav ul li ul li.arrow > a:after, #menu_wrapper div .nav li ul li.arrow > a:after
{
content: "\f105";
margin-top: 9px;
}
#menu_wrapper .nav ul li a.hover, #menu_wrapper .nav ul li a:hover, #menu_wrapper div .nav li a.hover, #menu_wrapper div .nav li a:hover
{
color: #000;
}
#menu_wrapper div .nav li.current-menu-item > a, #menu_wrapper div .nav li.current-menu-parent > a, #menu_wrapper div .nav li.current-menu-ancestor > a
{
color: #000 !important;
}
#menu_wrapper div .nav li ul li.current-menu-ancestor a
{
color: #000;
}
#menu_wrapper .nav ul li ul, #menu_wrapper div .nav li ul
{
list-style: none;
width: 100%;
display: none;
text-align: left;
margin: 0;
position: absolute;
padding: 5px 15px 5px 15px;
width: 150px;
border: 1px solid #e1e1e1;
background: #fff;
margin-left: -15px;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
z-index: 9;
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
animation-duration: 0.3s;
-webkit-animation-duration: 0.3s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
}
#menu_wrapper .nav ul li ul.visible, #menu_wrapper div .nav li ul.visible
{
display: block;
}
#menu_wrapper .nav ul li ul li ul, #menu_wrapper div .nav li ul li ul
{
left: 180px;
margin-left: 0;
margin-top: -41px;
}
#menu_wrapper .nav ul li ul li, #menu_wrapper div .nav li ul li
{
width: 100%;
padding: 0;
padding-right: 25px;
display: block;
margin-left: 0;
}
#menu_wrapper .nav ul li ul li:first-child, #menu_wrapper div .nav li ul li:first-child
{
padding-top: 5px;
}
#menu_wrapper .nav ul li ul li:last-child, #menu_wrapper div .nav li ul li:last-child
{
padding-bottom: 5px;
}
#menu_wrapper .nav ul li ul li ul:before, #menu_wrapper div .nav li ul li ul:before
{
display: none;
}
#menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-item ul li a, #menu_wrapper div .nav li ul li.current-menu-item a,#menu_wrapper .nav ul li ul li a, #menu_wrapper .nav ul li.current-menu-item ul li a, #menu_wrapper .nav ul li ul li.current-menu-item a, #menu_wrapper div .nav li.current-menu-parent ul li a, #menu_wrapper div .nav li ul li.current-menu-parent a
{
color: #000;
display: block;
background: transparent;
height: auto;
}
#menu_wrapper .nav ul li ul li a, #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-parent ul li a
{
width: 100%;
display: block;
border-top: 0;
font-size: 11px;
line-height: 30px;
color: #999;
}
#menu_wrapper .nav ul li ul li:last-child a, #menu_wrapper div .nav li ul li:last-child a, #menu_wrapper div .nav li.current-menu-parent ul li:last-child a
{
border-bottom: 0;
}
#menu_wrapper .nav ul li ul li a:hover, #menu_wrapper .nav ul li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li.current-menu-item ul li a:hover, #menu_wrapper div .nav li.current-menu-parent ul li a:hover
{
color: #000;
}
#menu_wrapper .nav ul li.megamenu > ul, #menu_wrapper div .nav li.megamenu > ul
{
position: absolute;
width: 960px;
left: 0;
right: 0;
margin-left:auto;
margin-right:auto;
padding: 15px;
box-sizing: border-box;
}
#menu_wrapper .nav ul li:not(.megamenu) ul.sub-menu li.arrow > a:after, #menu_wrapper div .nav li:not(.megamenu) ul.sub-menu li.arrow > a:after
{
font-size:11px;
margin-left: 0.5em;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: 10%;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
font-family: 'FontAwesome';
content: "\f105";
float: right;
margin-right: 0px;
margin-top: 5px;
}
#menu_wrapper div .nav li.megamenu ul li
{
display: block;
box-sizing: border-box;
clear: none;
float: left;
border-left: 1px solid #eeeeee;
}
#menu_wrapper div .nav li.megamenu ul li.hidden > a
{
display: none;
}
#menu_wrapper div .nav li.megamenu ul li:first-child
{
border: 0;
}
#menu_wrapper div .nav li.megamenu.col2 ul li
{
width: 50%;
padding: 0px 12px;
}
#menu_wrapper div .nav li.megamenu.col3 ul li
{
width: 33.3%;
padding: 0px 12px;
}
#menu_wrapper div .nav li.megamenu.col4 ul li
{
width: 25%;
padding: 0px 12px;
}
#menu_wrapper .nav ul li.megamenu ul li ul, #menu_wrapper div .nav li.megamenu ul li ul
{
position: relative;
width: 100%;
margin: 0;
border: 0;
box-shadow: 0 0 0;
display: block !important;
opacity: 1 !important;
left: 0;
padding: 0;
}
#menu_wrapper .nav ul li.megamenu ul li ul li, #menu_wrapper div .nav li.megamenu ul li ul li
{
width: 100% !important;
border: 0 !important;
}
#menu_wrapper div .nav li.megamenu ul li > a, #menu_wrapper div .nav li.megamenu ul li > a:hover, #menu_wrapper div .nav li.megamenu ul li > a:active
{
width: 100%;
color: #444;
box-sizing: border-box;
background: transparent;
}
#menu_wrapper .nav ul li.megamenu ul li ul li a, #menu_wrapper div .nav li.megamenu ul li ul li a
{
color: #888;
}
#menu_wrapper .nav ul li.megamenu ul li ul li a:before, #menu_wrapper div .nav li.megamenu ul li ul li a:before
{
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: 10%;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
font-family: 'FontAwesome';
content: "\f105";
float: left;
margin-right: 8px;
margin-top: 7px;
}
#menu_wrapper .nav ul li.megamenu ul li ul li a:hover, #menu_wrapper div .nav li.megamenu ul li ul li a:hover, #menu_wrapper .nav ul li.megamenu ul li ul li a:active, #menu_wrapper div .nav li.megamenu ul li ul li a:active
{
color: #444;
background: #f9f9f9;
width: auto;
}
#menu_wrapper div .nav li.megamenu ul li a:after
{
display: none;
}
#menu_wrapper .nav ul li.megamenu ul li ul li, #menu_wrapper div .nav li.megamenu ul li ul li a
{
width: auto;
display: inline-block;
margin-left: -12px;
padding: 2px 20px 2px 5px;
}
#menu_wrapper .nav ul li.megamenu ul.sub-menu li.arrow > a:after, #menu_wrapper div .nav li.megamenu ul.sub-menu li.arrow > a:after
{
display: none;
}
.header_cart_wrapper
{
display: inline-block;
vertical-align: middle;
position: relative;
display: none;
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
}
.header_cart_wrapper.visible {
display: inline-block;
}
.header_cart_wrapper .cart_count
{
position: absolute;
top: -10px;
right: -10px;
font-size: 10px;
font-weight: 600;
border-radius: 50px;
background: #000;
color: #fff;
z-index: 2;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
}
.header_cart_wrapper i
{
font-size: 18px !important;
}
/*------------------------------------------------------------------
[3. Footer]
*/
.footer_bar
{
width: 100%;
background: #000;
text-align: center;
padding: 40px 0 40px 0;
}
body[data-style=fullscreen] .footer_bar, body[data-style=password] .footer_bar
{
display: none;
}
body.page-template-portfolio-2-php .footer_bar, body.page-template-portfolio-3-php .footer_bar, body.page-template-portfolio-4-php .footer_bar
{
margin: 0;
}
.footer_bar .logo_wrapper
{
margin: 40px 0 60px 0;
}
#footer
{
width: 960px;
clear: both;
margin: auto;
color: #999;
word-wrap: break-word;
font-size: 90%;
margin: auto;
margin-top: 0;
padding: 20px 0 20px 0;
}
#footer a
{
color: #ccc;
}
#footer a:hover, #footer a:active
{
color: #888;
}
#footer ul.sidebar_widget
{
width: 960px;
list-style: none;
margin: 0;
margin: auto;
}
#footer ul.sidebar_widget li ul
{
list-style: none;
margin-left: 0;
}
#footer .sidebar_widget > li img
{
max-width: 100%;
height: auto;
}
#footer ul.sidebar_widget li ul li ul.children
{
margin-left: 10px;
margin-bottom: 0;
}
#footer ul.sidebar_widget li ul li ul.children li:last-child
{
border: 0;
margin-bottom: 0;
}
#footer .sidebar_widget.four > li
{
width: 20%;
float: left;
margin-right: 5%;
}
#footer .sidebar_widget.four > li:nth-child(4)
{
margin-right: 0;
width: 25%;
}
#footer .sidebar_widget.three > li
{
width: 31%;
float: left;
margin-right: 2%;
}
#footer .sidebar_widget.three > li:nth-child(3)
{
margin-right: 0;
width: 33%;
}
#footer .sidebar_widget.two > li
{
width: 48%;
float: left;
margin-right: 2%;
}
#footer .sidebar_widget.two > li:nth-child(2)
{
margin-right: 0;
width: 50%;
}
#footer .sidebar_widget.one > li
{
width: 100%;
clear: both;
float: left;
margin-bottom: 30px;
}
#footer ul.sidebar_widget li ul.posts.blog li img
{
width: 70px;
float: left;
margin: 0 15px 15px 0;
}
#footer ul.sidebar_widget li ul.posts.blog li
{
clear: both !important;
float: left;
border: 0;
}
#footer ul.sidebar_widget li ul li
{
margin: 0 0 10px 0;
}
#footer ul.sidebar_widget li ul li ul.sub-menu
{
margin-left: 15px;
}
#footer ul.sidebar_widget li ul.flickr li
{
margin: 0 9px 0 0;
border-bottom: 0;
}
#footer ul.sidebar_widget li ul.flickr li img
{
width: 70px;
height: auto;
}
#footer.fullscreen , #footer.flow, #footer.kenburns, #footer.wall, #footer.flip, #footer.static
{
display: none;
}
#copyright
{
width: 100%;
font-size: 13px;
margin-top: 0;
color: #999;
}
/*------------------------------------------------------------------
[4. Content]
*/
#option_btn
{
position: fixed;
top: 135px;
left:-2px;
cursor:pointer;
z-index: 999;
background: #fff;
background: rgb(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.9);
border: 1px solid #e1e1e1;
border-left: 0;
width: 45px;
height: 55px;
text-align: center;
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}
#option_btn i
{
font-size: 20px;
line-height: 57px;
color: #000;
}
#option_wrapper
{
position: fixed;
top: 0;
left:-260px;
width: 250px;
height: 100%;
background: #fff;
border: 1px solid #e1e1e1;
z-index: 99999;
color: #888;
font-size: 12px;
box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.1);
overflow: scroll;
}
#option_wrapper:hover
{
overflow-y: auto;
}
#option_wrapper select
{
width: 100%;
margin-top: 5px;
}
#option_wrapper .note_icon
{
color: #ff3e36;
margin-right: 5px;
}
strong.label, div.label
{
font-weight: normal;
margin-bottom: 5px;
color: #000;
display: block;
}
.demo_list
{
list-style: none;
display: block;
margin: 15px 0 20px 0;
}
.demo_list li
{
display: block;
position: relative;
margin-bottom: 10px;
width: 100%;
overflow: hidden;
}
.demo_list li img
{
max-width: 220px;
height: auto;
line-height: 0;
}
.demo_list li:hover img
{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-filter: blur(2px);
filter: blur(2px);
-moz-filter: blur(2px);
}
.demo_list li:hover .demo_thumb_hover_wrapper
{
opacity: 1;
}
.demo_thumb_hover_wrapper
{
background-color: rgba(0, 0, 0, 0.5);
height: 100%;
left: 0;
opacity: 0;
overflow: hidden;
position: absolute;
top: 0;
transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
visibility: visible;
width: 100%;
}
.demo_thumb_hover_inner
{
display: table;
height: 100%;
width: 100%;
text-align: center;
vertical-align: middle;
}
.demo_thumb_desc
{
display: table-cell;
height: 100%;
text-align: center;
vertical-align: middle;
width: 100%;
}
.demo_thumb_hover_inner h6
{
color: #fff !important;
line-height: 20px;
}
.demo_thumb_desc .button.white
{
margin-top: 10px;
font-size: 12px !important;
}
.demo_thumb_desc .button.white:hover
{
background: #fff !important;
color: #000 !important;
}
#option_wrapper .inner
{
padding: 25px 15px 25px 15px;
box-sizing: border-box;
}
.fixed
{
position: fixed;
z-index: 22;
}
.frame_top
{
top: 0;
left:0;
width: 100%;
height: 20px;
background: #000;
}
.frame_bottom
{
bottom: 0;
left:0;
width: 100%;
height: 20px;
background: #000;
z-index: 10;
}
.frame_left
{
top: 0;
left: 0;
height: 100%;
width: 20px;
background: #000;
z-index: 10;
}
.frame_right
{
top: 0;
right: 0;
height: 100%;
width: 20px;
background: #000;
z-index: 10;
}
.ppb_wrapper
{
width: 100%;
background: #f9f9f9;
clear: both;
}
#page_content_wrapper, .page_content_wrapper
{
width: 100%;
background: #f9f9f9;
box-sizing: border-box;
padding: 50px 0 50px 0;
clear: both;
}
#page_content_wrapper.transparent, .page_content_wrapper.transparent
{
background: transparent;
}
#page_content_wrapper img, .page_content_wrapper img
{
max-width: 100%;
height: auto;
}
.one .page_content_wrapper
{
background: transparent;
}
#page_content_wrapper.fixed
{
position: fixed;
top: 85px;
bottom: 20px;
right: 20px;
width: 550px;
padding: 40px 30px 30px 30px;
box-sizing: border-box;
background: #f9f9f9;
max-height: 100%;
overflow: auto;
z-index: 1;
}
body.page-template-blog_g-php #page_content_wrapper
{
padding: 50px 30px 50px 30px;
box-sizing: border-box;
}
#page_content_wrapper.nobg, .page_content_wrapper.nobg
{
background: transparent !important;
}
#page_content_wrapper.nopadding, .page_content_wrapper.nopadding
{
padding: 0;
}
#page_content_wrapper.transparentbg, .page_content_wrapper.transparentbg
{
padding: 0;
}
.transparentbg
{
background: transparent !important;
}
.transparentbg input[type=password]
{
background: #fff !important;
}
#page_content_wrapper.withtitle, .page_content_wrapper.withtitle
{
margin-top: 30px;
}
#content_wrapper .inner
{
overflow: hidden;
}
#page_content_wrapper .inner, .page_content_wrapper .inner
{
margin: auto;
width: 960px;
}
#page_content_wrapper.fixed .inner
{
width: 100%;
}
.nicepadding
{
padding: 30px;
box-sizing: border-box;
}
.ppb_title
{
text-align: center;
display: block;
margin-bottom: 30px;
font-size: 22px;
letter-spacing: 1px;
text-transform: uppercase;
}
.upper_title
{
font-size: 18px;
letter-spacing: 1px;
text-transform: uppercase;
margin: 10px 0 10px 0;
}
.post.type-post
{
margin-bottom: 20px;
}
body.page-template-blog_thumb-php .post.type-post
{
float: left;
}
.post.type-post.gallery img
{
max-width: 100%;
height: auto;
line-height: 0;
}
.post.type-post.gallery .gallery_wrapper, .post.type-post.gallery .image_wrapper
{
float: left;
line-height: 0;
overflow: hidden;
position: relative;
width: 100%;
}
body[data-style=blog_grid] #blog_grid_wrapper.vertical .post.type-post, body[data-style=blog_grid] .blog_grid_wrapper.vertical .post.type-post
{
width: 100%;
}
body[data-style=blog_grid] .post.type-post, body.page-template-galleries-php .gallery.type-gallery, body[data-style=blog_grid] .post.type-post, .ppb_galleries .post.type-post, .blog_grid_wrapper .post.type-post
{
float: left;
width : 31.2%;
margin: 0 1% 2.5% 1%;
padding: 15px 15px 15px 15px;
box-sizing: border-box;
background: #fff;
}
body[data-style=blog_grid] .post.type-post.element.double_size
{
width: 64.4%;
}
body[data-style=blog_grid] .post.type-post a.image_approve.hidden, body[data-style=blog_grid] .post.type-post a.image_unapprove.hidden
{
display: none;
}
body[data-style=blog_grid] .post.type-post .onapprove
{
position: absolute;
top: 0;
right: 0;
left: auto;
width: 110px;
text-align: center;
color: #fff;
display: block;
margin: -40px -48px 0 0;
padding: 60px 0 4px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
z-index: 9;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 0;
min-height: 0;
line-height: 30px;
background: #2bb213;
}
body[data-style=blog_grid] .post.type-post .loading
{
color: #fff;
position: absolute;
bottom: 5px;
right: 10px;
}
body[data-style=blog_grid] .post.type-post .loading.hidden
{
display: none;
}
body[data-style=blog_grid] .post.type-post .proofing_id
{
position: absolute;
top: 0;
left: 0;
color: #222;
background: #fff;
background: rgba(256,256,256,0.8);
padding: 15px 10px 15px 10px;
}
body[data-style=blog_grid] .post.type-post .onapprove.hidden
{
display: none;
}
.post.type-post .mask {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
background: #000;
background-color: rgba(0,0,0, 0.5);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
text-align: center;
width:100%;
height:100%;
}
.post.type-post .mask.transparent
{
background: transparent !important;
}
.post.type-post.gallery img
{
display: block;
width: 100%;
height: auto;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
}
.post.type-post.gallery:hover img:not(.static)
{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-filter: blur(2px);
filter: blur(2px);
-moz-filter: blur(2px);
}
.post.type-post .mask .mask_frame
{
width: 100%;
height: 100%;
display: table;
}
.post.type-post .mask .mask_frame .mask_image_content
{
display: table-cell;
vertical-align: middle;
}
.post.type-post .mask .mask_frame .mask_image_content .mask_image_content_frame i
{
font-size: 20px;
border-radius: 200px;
padding: 20px;
background: #fff;
color: #000;
margin: 0 5px 0 5px;
opacity: 0;
}
.post.type-post:hover .mask .mask_frame .mask_image_content .mask_image_content_frame i
{
animation-name: slideUp2;
-webkit-animation-name: slideUp2;
animation-duration: 0.4s;
-webkit-animation-duration: 0.4s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
.image_classic_frame
{
background: #fff;
width: 100%;
padding: 15px;
box-sizing: border-box;
text-align: center;
}
.image_classic_frame.expand
{
padding: 20px 20px 25px 20px;
}
.image_classic_frame .image_wrapper
{
line-height: 0;
}
.image_classic_frame.single
{
padding: 30px;
}
.image_grid_frame
{
text-align: center;
}
.post.type-post:hover .mask
{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.post.type-post:last-child
{
margin-bottom: 0;
}
.post_wrapper
{
width: 100%;
padding: 20px 0 10px 0;
}
.post_wrapper.thumbnails
{
float: left;
padding-top: 0;
margin-top:0;
border: 0;
padding: 0 0 15px 0;
}
.type-post:first-child .post_wrapper, body.single .post_wrapper
{
padding-top: 0;
}
body.single .post_wrapper
{
border-bottom: 0;
}
.type-post:first-child .post_wrapper
{
padding-top: 0;
}
.type-post:last-child .post_wrapper
{
border-bottom: 0;
padding-bottom: 10px;
}
.type-post:last-child .post_wrapper.fullwidth
{
padding-bottom: 35px;
}
.post_wrapper.grid_layout
{
padding-top: 0 !important;
padding-bottom: 0 !important;
border-bottom: 0 !important;
text-align: center;
}
.post_wrapper.grid_layout .flex-direction-nav a
{
bottom: 10% !important;
}
.post_wrapper.single
{
width: 100%;
margin: 0;
}
.post_header
{
width: 100%;
float: left;
margin-bottom: 10px;
}
.post_header.grid_layout
{
margin-top: 15px;
}
.post_header.thumbnails
{
width: 55%;
margin: 0 0 0 0;
}
.post_header.fullwidth
{
text-align: center;
margin-bottom: 20px;
}
body.page-template-galleries-php .post_header
{
margin-bottom: 0 !important;
}
.post_header.fullwidth h4
{
font-size: 22px;
margin-bottom: 0;
}
.post_header.fullwidth h4 a, .post_header h5 a
{
color: #000;
}
.post_header h5
{
font-size: 18px;
padding-bottom: 0;
width: 90%;
display: block;
margin: auto;
}
.post_excerpt
{
width: 70%;
margin: auto;
}
.post_wrapper.fullwidth .post_excerpt
{
width: 100%;
}
.post_tag
{
margin: 0;
text-transform: uppercase;
font-size: 11px;
width: 100%;
text-align: center;
letter-spacing: 2px;
}
.post_tag i
{
margin-right: 5px;
}
.post_tag a
{
color: #000;
}
#about_the_author
{
text-align: center;
margin-top: 20px;
}
#about_the_author .gravatar
{
float: none;
margin: auto;
margin-bottom: 15px;
}
.author_detail
{
font-style: italic;
}
.uppercase
{
font-weight: bold;
text-transform: uppercase;
}
body[data-style=fullscreen]:not(.single-post) #social_share_wrapper
{
position: fixed;
float: none;
bottom: 20px;
right: 20px;
z-index: 9;
margin: 0;
opacity: 0;
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
bottom: -60px
}
body[data-style=fullscreen]:not(.single-post):hover #social_share_wrapper
{
bottom: 20px;
opacity: 1;
}
.post_header .post_detail, .post_detail
{
font-size: 15px;
color: #777;
font-style: italic;
}
.post_header .post_detail a, .post_detail a
{
color: #777;
}
.post_header .post_subtitle, .post_subtitle
{
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
margin-bottom: 0;
margin-top: 0;
}
.post_header .post_subtitle a, .post_subtitle a
{
color: #000;
}
#page_caption .post_detail
{
padding: 0;
margin-bottom: 5px;
}
.post_detail_wrapper
{
float: left;
width:96%;
margin: 0 0 10px 0;
}
#blog_grid_wrapper, .blog_grid_wrapper
{
padding: 0;
width: 100%;
position: relative;
margin: -10px 0 0 0;
padding-top: 10px;
top: 0;
}
#blog_grid_wrapper .post.type-post, .blog_grid_wrapper .post.type-post
{
opacity: 0;
}
#blog_grid_wrapper .post.type-post.visible, .blog_grid_wrapper .post.type-post.visible
{
animation-name: slideUp;
-webkit-animation-name: slideUp;
animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
.animate
{
opacity: 0;
}
.animate.visible
{
animation-name: slideUp2;
-webkit-animation-name: slideUp2;
animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
.comment .left img.avatar
{
width: 50px;
height: 50px;
}
.comment
{
width: 100%;
padding-bottom: 0;
float: left;
padding: 50px 0 50px 0;
}
.comment .children
{
float: left;
margin-top: 10px !important;
}
.fullwidth_comment_wrapper .comment
{
width: 100%;
}
.comment .left
{
float: left;
margin-right: 15px;
}
.comment_arrow
{
width: 10px;
height: 10px;
float: left;
position: relative;
left: 5px;
margin-top: 20px;
display: none;
}
.comment .right
{
width: 85%;
float: left;
padding: 0 0 0 20px;
position: relative;
}
.fullwidth_comment_wrapper .comment .right
{
width: 91%;
}
ul.children div.comment .right
{
width: 72%;
}
.fullwidth_comment_wrapper ul.children div.comment .right
{
width: 90%;
}
.comment .right p
{
margin: 0;
padding: 0;
}
.comment .right strong
{
font-weight: #fff;
}
#content_wrapper ul.children
{
list-style: none;
margin: -40px 0 0px 74px;
border-left: 1px solid #ccc;
padding: 5px 20px 2px 0;
float: left;
width: 106%;
}
#content_wrapper ul.children ul.children
{
margin-top: -10px;
padding-bottom: 0;
width: 83.5%;
}
.comment_wrapper
{
float: left;
margin-left: 25px;
border-left: 1px solid #eeeeee;
}
.comment_date
{
margin: 0;
clear: both;
font-style: italic;
font-size: 15px;
color: #777;
}
.gravatar
{
position: relative;
z-index: 2;
border-radius: 200px;
overflow: hidden;
float: left;
width: 60px;
height: 60px;
}
.fullwidth_comment_wrapper
{
padding: 30px 0 60px 0;
}
.fullwidth_comment_wrapper h4
{
text-align: center;
margin-top: 60px;
}
.comment-reply-link, .comment-reply-link:hover, .comment-reply-link:active
{
position: absolute;
right: 0;
top: 0px;
background: #999;
color: #fff;
font-family: "Montserrat", "helvetica neue", Helvetica, sans-serif;
padding: 2px 10px 2px 10px;
font-size: 11px;
}
ul.children .comment
{
width: 98%;
margin: 0;
padding: 20px 0 10px 0;
margin-top: 20px;
margin-left: 25px;
float: left;
}
ul.children .comment:last-child
{
padding-top: 0;
padding-bottom: 15px;
}
ul.children .comment:first-child
{
padding-top: 10px;
margin-top: 0px;
}
.one_half
{
float: left;
width: 48%;
margin-right: 4%;
}
.one_half.last
{
float: right;
width: 48%;
margin-right: 0;
clear: right;
}
.one_half.withbottom
{
margin-bottom: 4%;
}
.one_half_bg
{
width: 50%;
float: left;
background-position: 50% 50% !important;
background-size: cover !important;
box-sizing: border-box;
padding: 20px;
}
.one_third
{
width: 31.2%;
float: left;
min-height: 50px;
margin-right: 3%;
}
.one_third.last
{
margin-right: 0;
}
.two_third
{
float: left;
width: 64%;
margin-right: 3%;
}
.two_third.last
{
margin-right: 0;
}
.one_fourth
{
width: 22%;
float: left;
margin-right: 3%;
margin-bottom: 2%;
}
.one_fourth.last
{
margin-right: 0;
}
.one_fourth.portfolio4
{
margin:0;
}
.one_fifth
{
width: 14%;
float: left;
margin-right: 6%;
margin-bottom: 2%;
}
.one_fifth.last
{
margin-right: 0;
}
.post_img
{
position: relative;
height: auto;
}
.post_img img
{
max-width: 100%;
height: auto;
}
.post_img.thumbnails
{
width: 40%;
margin-right: 4%;
float: left;
}
#content_slider_wrapper
{
width: 100%;
height: 20px;
background: transparent;
position: fixed;
bottom: 200px;
}
#page_content_wrapper .inner .sidebar_content
{
width: 70%;
margin-top: 0;
margin-right: 2%;
float: left;
}
#page_content_wrapper .inner .sidebar_content.left_sidebar
{
width: 67%;
margin-right: 0;
margin-left: 2%;
}
#page_content_wrapper .inner .sidebar_content img
{
max-width: 100%;
height: auto;
}
#page_content_wrapper .inner .sidebar_content iframe, #page_content_wrapper .inner .sidebar_content div
{
max-width: 100%;
}
#page_content_wrapper .inner .sidebar_content.full_width
{
width: 100%;
padding: 0 0 0 0;
margin: auto;
float: none !important;
}
.post_readmore
{
margin: auto;
margin-top: 50px;
text-align: center;
position: relative;
width: 50%;
}
.post_readmore .button
{
position: relative;
z-index: 2;
}
.post_readmore_line
{
height: 1px;
border-top: 1px solid #000;
position: absolute;
top: 50%;
width: 100%;
}
/*------------------------------------------------------------------
[5. Social Sharing]
*/
#page_caption #social_share_wrapper
{
position: static;
width: 80%;
margin: auto;
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid rgba(256,256,256,0.2);
}
#page_caption #social_share_wrapper
{
display: none;
}
#page_caption #social_share_wrapper.visible
{
display: block;
}
#social_share_wrapper.attachment
{
float: right !important;
margin-top: -5px !important;
background: transparent !important;
position: static !important;
padding: 0 !important;
}
#social_share_wrapper
{
text-align: center;
margin-top: 40px;
}
#social_share_wrapper ul, .social_share_wrapper ul
{
margin: 0 !important;
list-style: none !important;
}
#social_share_wrapper ul li, .social_share_wrapper ul li
{
display: inline-block;
margin-left: 10px;
margin-right: 10px;
font-size: 1.5em;
}
#page_caption #social_share_wrapper ul li
{
float: none;
display: inline-block;
}
#social_share_wrapper ul li i, .social_share_wrapper ul li i
{
font-size: 20px;
padding: 7px;
box-sizing: border-box;
color: #b4b4b4;
text-align: center;
}
#social_share_wrapper ul li:hover i, .social_share_wrapper ul li:hover i
{
color: #000;
}
body[data-style=fullscreen]:not(.single-post) #social_share_wrapper
{
background: #fff;
padding: 0 10px 0 10px;
}
body[data-style=fullscreen]:not(.single-post) #social_share_wrapper ul li
{
background: #fff;
margin: 0 -2px 0 -2px;
padding: 2px;
font-size: 14px;
}
body[data-style=fullscreen]:not(.single-post) #social_share_wrapper ul li i
{
font-size: 14px;
}
#page_caption #social_share_wrapper ul li a:hover i, body[data-style=fullscreen]:not(.single-post) #social_share_wrapper ul li a:hover i
{
opacity: 1;
}
/*------------------------------------------------------------------
[6. Sidebar]
*/
#page_content_wrapper .inner .sidebar_wrapper
{
width: 25%;
margin-left: 3%;
float: right;
}
#page_content_wrapper .inner .sidebar_wrapper.left_sidebar
{
width: 25%;
margin-right: 3%;
float: left;
}
#page_content_wrapper .inner .sidebar_wrapper a
{
color: #000;
}
#page_content_wrapper .inner .sidebar_wrapper a:hover, #page_content_wrapper .inner .sidebar_wrapper a:active
{
color: #000;
}
#page_content_wrapper .inner .sidebar_wrapper .sidebar
{
width: 100%;
float: left;
}
#page_content_wrapper .inner .sidebar_wrapper .sidebar .content
{
width: 100%;
margin: 0;
color: #000;
}
#imageFlow {
position: absolute;
width: 100%;
height: 80%;
left: 0%;
top: 23%;
overflow: hidden;
background: transparent;
}
#imageFlow .diapo {
position: absolute;
left: -4000px;
cursor: pointer;
-ms-interpolation-mode: nearest-neighbor;
}
#imageFlow .link {
border: dotted #fff 1px;
margin-left: -1px;
margin-bottom: -1px;
}
#imageFlow .text {
position: absolute;
left: 0px;
width: 100%;
bottom: 26%;
text-align: center;
z-index: 1000;
}
#imageFlow .title {
font-style: italic;
opacity: 0.5;
}
#imageFlow .legend {
font-size: 0.8em;
}
#imageFlow .scrollbar {
position: absolute;
left: 10%;
bottom: 10%;
width: 80%;
height: 16px;
z-index: 1000;
}
#imageFlow .track {
position: absolute;
left: 1%;
width: 98%;
height: 10px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
}
#imageFlow .arrow-left {
position: absolute;
display: none;
}
#imageFlow .arrow-right {
position: absolute;
right: 0px;
display: none;
}
#imageFlow .bar {
position: absolute;
height: 10px;
left: 0;
width: 100px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
}
.diapo {
opacity: 1;
}
.diapo.current {
opacity: 1;
}
body[data-style=flow] .footer_bar
{
display: none;
}
/*------------------------------------------------------------------
[7. Form & Input]
*/
input[type=text], input[type=email], input[type=url], input[type=password], .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text
{
padding: 10px 10px 10px 10px;
font-size: 100%;
margin: 0;
background: #fff;
border: 1px solid #e1e1e1;
color: #000;
-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;
font-family: "Crimson Text", "Times New Roman", georgia, sans-serif;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, .woocommerce table.cart td.actions .coupon .input-text:focus, .woocommerce-page table.cart td.actions .coupon .input-text:focus, .woocommerce #content table.cart td.actions .coupon .input-text:focus, .woocommerce-page #content table.cart td.actions .coupon .input-text:focus
{
border-color: #000;
outline: 0;
}
input[type=text].blur, textarea.blur
{
color: #fff;
text-transform: uppercase;
font-weight: bold;
}
#contact_form input[type="text"], #contact_form textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], #commentform textarea
{
margin-bottom: 15px;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contact_form input[type="text"], #contact_form textarea, #commentform input[type="text"]
{
margin-bottom: 5px;
}
.fullwidth_comment_wrapper #commentform textarea
{
width: 100%;
}
#commentform
{
margin-left: -1.33333rem;
}
#commentform label
{
display: none;
}
.logged-in-as
{
display: none;
}
#commentform > p
{
border-left: 0 solid transparent;
border-left-width: 24px;
border-left-width: 1.33333rem;
}
#commentform p.comment-form-author, #commentform p.comment-form-email, #commentform p.comment-form-url
{
float: left;
width: 31.1%;
}
#page_content_wrapper .inner .sidebar_content #commentform p.comment-form-author, #page_content_wrapper .inner .sidebar_content #commentform p.comment-form-email, #page_content_wrapper .inner .sidebar_content #commentform p.comment-form-url
{
width: 30.3%;
}
::-webkit-input-placeholder {
color: #999;
font-style: italic;
}
:-moz-placeholder { /* Firefox 18- */
color: #999;
font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */
color: #999;
font-style: italic;
}
:-ms-input-placeholder {
color: #999;
font-style: italic;
}
.form-allowed-tags
{
display: none !important;
}
p.comment-notes
{
margin-bottom: 20px;
}
.error
{
color: #ff0000 !important;
}
textarea
{
font-size: 100%;
color: #000;
background: #fff;
border: 1px solid #e1e1e1;
margin: 0;
height: 200px;
overflow: auto;
padding: 12px 10px 12px 10px;
-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;
font-family: "Crimson Text", "Times New Roman", georgia, sans-serif;
}
textarea:focus
{
border-color: #000;
outline: 0;
}
input[type=submit], input[type=button], a.button, .button, .woocommerce button.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button
{
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
padding: .4em 1.5em .4em;
color: #fff;
background: #000;
border: 1px solid #000;
text-transform: uppercase;
font-size: 12px;
font-family: 'Montserrat', 'helvetica neue', Helvetica, sans-serif;
text-shadow: none;
font-weight: bold;
letter-spacing: 2px;
-webkit-transition: color .2s linear, background .1s linear;
-moz-transition: color .2s linear, background .1s linear;
-ms-transition: color .2s linear, background .1s linear;
-o-transition: color .2s linear, background .1s linear;
transition: color .2s linear, background .1s linear;
-webkit-appearance: none;
}
a.button.transparent
{
background: transparent !important;
color: #000 !important;
border: 0;
}
.form-submit #submit
{
float: right;
}
input[type=submit].white, input[type=button].white, a.button.white, .button.white, a.button.white:hover, .button.white:hover, a.button.white:active, .button.white:active
{
color: #fff !important;
border-color: #fff !important;
border: 2px solid #fff;
background: transparent !important;
}
input[type=submit]:hover, input[type=button]:hover, .button:hover
{
color: #fff !important;
background: #000 !important;
border-color: #000 !important;
}
p.comment-reply-link
{
padding: 0 !important;
}
input[type=submit].medium, input[type=button].medium, a.button.medium
{
font-size: 15px;
}
input[type=submit].large, input[type=button].large, a.button.large
{
font-size: 17px;
}
#cancel-comment-reply-link
{
position: absolute;
bottom: 15px;
left: 0;
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
padding: .4em 1.5em .4em;
color: #fff;
background: #999;
border: 1px solid #999;
text-transform: uppercase;
font-size: 12px;
font-family: 'Montserrat', 'helvetica neue', Helvetica, sans-serif;
text-shadow: none;
font-weight: bold;
letter-spacing: 2px;
}
input[type=submit].left, input[type=button].left, a.button.left
{
float: left;
}
input[type=submit].right, input[type=button].right, a.button.right
{
float: right;
}
input[type=submit].center, input[type=button].center, a.button.center
{
margin: auto;
}
/*------------------------------------------------------------------
[8. Pagination]
*/
.pagination {
margin: 40px 0 40px 0;
float: left;
}
.pagination p a:first-child {
float: left;
}
.pagination p a:last-child {
float: right;
}
.pagination a, .pagination span
{
padding-left: 12px;
padding-right: 12px;
height: 30px;
line-height: 30px;
display: inline-block;
text-align: center;
margin-left: 5px;
color: #444;
border-radius: 200px;
}
.pagination span
{
color: #fff;
background: #000;
}
.pagination span, .pagination a:hover
{
color: #fff;
background: #000;
}
#page_content_wrapper ul
{
margin: 15px 0 15px 40px;
list-style-type: disc;
}
#page_content_wrapper ol
{
margin: 15px 0 15px 40px;
}
/*------------------------------------------------------------------
[9. Widgets]
*/
#page_content_wrapper ul.flickr
{
margin: 0 0 10px 0;
}
#page_content_wrapper ul.flickr li img
{
width: 65px;
height: auto;
}
#page_content_wrapper .sidebar .content .posts.blog li img, #page_content_wrapper .posts.blog li img
{
float: left;
margin: 0 10px 2px 0;
padding: 3px;
width: 55px;
}
#page_content_wrapper .sidebar .content .sidebar_widget, #page_content_wrapper .sidebar .content .posts.blog
{
list-style: none;
margin-left: 0;
margin-top: 0;
padding: 0;
}
#page_content_wrapper .sidebar .content .posts.blog li
{
padding: 0 0 10px 0;
}
#page_content_wrapper .sidebar .content .sidebar_widget li
{
margin: 30px 0 50px 0;
padding: 0;
}
.page_item_has_children
{
margin-left: 15px !important;
}
#page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle
{
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
display: block;
color: #fff;
text-transform: uppercase;
margin-bottom: 10px;
text-align: center;
background: #000;
padding: 3px 0 3px 0;
}
#page_content_wrapper .sidebar .content .sidebar_widget li:first-child
{
margin-top: 0;
}
#page_content_wrapper .sidebar .content .sidebar_widget li ul
{
list-style: none;
padding: 10px 0 0 0;
margin: 0 0 15px 0;
}
#page_content_wrapper .sidebar .content .sidebar_widget li ul li ul.sub-menu
{
margin-left: 15px;
}
#page_content_wrapper .sidebar .content .sidebar_widget li ul li, #footer .sidebar_widget li ul li
{
padding: 0 0 10px 0;
margin-top: 5px;
margin-bottom: 5px;
}
#page_content_wrapper .sidebar .content .sidebar_widget li ul li:first-child, #footer ul.sidebar_widget li ul li:first-child, #footer ul.sidebar_widget li .flickr
{
padding-top: 10px;
}
#page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li:first-child, #footer ul.sidebar_widget li ul.flickr li:first-child
{
border: 0;
padding-top: 0;
}
#page_content_wrapper table#wp-calendar
{
margin-bottom: 30px;
width: 100%;
padding: 5px 0 5px 0;
}
#page_content_wrapper table#wp-calendar a
{
font-weight: bold;
}
#page_content_wrapper table#wp-calendar caption
{
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
text-align: left;
text-transform: uppercase;
margin-bottom: 10px;
margin-top: 20px;
}
#page_content_wrapper table#wp-calendar tr th, #page_content_wrapper table#wp-calendar tr td
{
padding: 0;
border-bottom: 0;
text-align: center;
}
table#wp-calendar tr th
{
font-weight: bold;
}
#page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr
{
list-style: none;
margin: 5px 0 30px 0;
float: left;
display: block;
padding: 15px 0 3px 0;
}
#page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li, #content_wrapper .sidebar .content .sidebar_widget li ul.flickr li a
{
display: block;
float: left;
margin: 0 10px 3px 0;
padding: 0;
border: 0;
}
#page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li img
{
width: 79px;
height: auto;
}
#page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter
{
margin: 0;
margin-top: 15px;
list-style:none;
padding: 0 0 3px 0;
}
#page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter li:first-child
{
background-position:0px 1.3em;
}
#page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media
{
list-style: none;
margin: 10px 0 15px 0;
float: left;
display: block;
padding: 0 0 3px 0;
margin-left: -5px;
}
#page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media li
{
display: block;
float: left;
margin: 0 5px 0 0;
}
ul.list
{
margin: 5px 0 0 20px;
}
.highlight_yellow
{
background: #ffc600;
color: #000;
}
.highlight_black
{
background: #000;
color: #fff;
}
#page_content_wrapper ul.twitter
{
margin: 0;
list-style:none;
}
#page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr, ul.flickr
{
list-style: none;
margin: 10px 0 0 0;
float: left;
display: block;
clear: both;
}
ul.flickr li
{
float: left;
margin: 0 5px 0 0;
}
#page_content_wrapper ul.flickr li a, #page_content_wrapper ul.flickr li a:hover, #page_content_wrapper ul.flickr li a:active
{
background: transparent;
}
#page_content_wrapper .sidebar .content .posts.blog
{
list-style: none;
margin-top: 15px;
}
#page_content_wrapper .sidebar .content .posts.blog li, #page_content_wrapper .posts.blog li
{
line-height: 1.7em;
clear: both;
border:0;
background: none;
}
#page_content_wrapper .sidebar .content .posts.blog li
{
padding-top: 10px;
}
#page_content_wrapper .sidebar .content .posts.blog li strong.header, #page_content_wrapper .posts.blog li strong.header
{
font-family: 'Montserrat', 'helvetica neue', Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
}
/*------------------------------------------------------------------
[10. Gallery Template Elements]
*/
.gallery-caption
{
font-weight: bold;
}
#slidecaption.invisible { opacity: 0; visibility: hidden; }
#gallery_caption a, #gallery_caption a:hover, #gallery_caption a:active
{
color: #fff;
}
#gallery_caption.ppb_fullwidth, .slider_wrapper .gallery_image_caption
{
bottom: 0;
position: absolute;
line-height: 1em;
}
#gallery_caption h2, .slider_wrapper .gallery_image_caption h2
{
color: #000;
font-family: "Crimson Text", "Times New Roman", georgia, sans-serif;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 5px 15px 5px 15px;
background: #fff;
}
.slider_wrapper .gallery_image_caption h2
{
padding: 15px;
}
#gallery_caption h2:empty, .slider_wrapper .gallery_image_caption h2:empty
{
display: none;
}
.jp-play, .jp-pause
{
position: fixed;
top: 46.5%;
left: 4px;
width: 22px;
height: 20px;
background:transparent url('../images/sound_off.png') no-repeat left center;
text-indent: -9999px;
z-index: 99999;
}
.jp-pause
{
background:transparent url('../images/sound_on.png') no-repeat left center;
}
.social_wrapper
{
width: 100%;
float: left;
margin-top: 50px;
text-align: center;
}
.footer_bar .social_wrapper
{
margin-top: 0;
margin-bottom: 10px;
}
.social_wrapper.shortcode
{
margin: 0;
text-align: left;
}
.social_wrapper.shortcode ul
{
margin-top: 0 !important;
}
.social_wrapper ul
{
list-style: none;
margin-left: 0 !important;
}
#page_content_wrapper .social_wrapper ul
{
list-style: none;
margin-top: 5px;
}
.social_wrapper ul li
{
display: inline-block;
margin: 5px 2px 0 2px;
}
.social_wrapper ul li i
{
font-size: 18px;
padding: 7px;
width: 24px;
height: 24px;
box-sizing: border-box;
color: #fff;
background: #000;
text-align: center;
border-radius: 200px;
}
.footer_bar .social_wrapper ul li a
{
font-family: "Montserrat", "helvetica neue", Helvetica, sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #fff;
letter-spacing: 3px;
margin: 0 10px 0 10px;
}
#tray-button
{
display: none;
}
#page_background
{
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
#page_caption
{
text-align: center;
padding: 150px 0 150px 0;
clear: both;
}
.parallax
{
position: relative;
clear: both;
background-attachment: fixed;
background-size: 100%;
}
#page_caption.hasbg
{
padding: 0;
height: 560px;
position: relative;
background-size: cover;
background-position: center center;
}
#page_caption_with_map
{
padding: 0;
height: 560px;
position: relative;
text-align: center;
overflow: hidden;
width: 100%;
clear: both;
}
#page_caption.hasbg:after
{
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(76%, rgba(0,0,0,0.1)), color-stop(93%, rgba(0,0,0,0.4)), to(rgba(0,0,0,0.59)));
background-image: -webkit-linear-gradient(transparent 0%, transparent 50%, rgba(0,0,0,0.1) 76%, rgba(0,0,0,0.4) 93%, rgba(0,0,0,0.59) 100%);
background-image: linear-gradient(transparent 0%, transparent 50%, rgba(0,0,0,0.1) 76%, rgba(0,0,0,0.4) 93%, rgba(0,0,0,0.59) 100%);
z-index: 2;
}
#page_caption_with_map:after
{
height: 150px;
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, transparent), color-stop(30%, rgba(0,0,0,0.1)), color-stop(100%, rgba(0,0,0,0.6)), to(rgba(0,0,0,0.59)));
background-image: -webkit-linear-gradient(transparent 0%, transparent 0%, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.6) 100%, rgba(0,0,0,0.59) 100%);
background-image: linear-gradient(transparent 0%, transparent 0%, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.6) 100%, rgba(0,0,0,0.59) 100%);
z-index: 2;
}
#page_caption_wrapper_bg, #page_caption_with_map_bg
{
position: absolute;
bottom: 20px;
width: 100%;
color: #fff;
z-index: 9;
}
#page_caption_wrapper_bg a, #page_caption_wrapper_bg h1, #page_caption_wrapper_bg .post_detail, #page_caption_with_map_bg a, #page_caption_with_map_bg h1, #page_caption_with_map_bg .post_detail, #page_caption_wrapper_bg .page_tagline, #page_caption_with_map_bg .page_tagline
{
color: #fff !important;
}
#page_caption #page_caption_wrapper_bg h1, #page_caption_with_map_bg h1
{
font-size: 28px;
}
.page_caption_full
{
text-align: center;
margin-bottom: 20px;
}
.page_caption_full h1
{
font-size: 28px;
}
.page_tagline
{
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
}
.page_tagline a
{
color: #000;
}
.page_tagline .post_detail
{
color: #fff;
}
#page_caption_wrapper
{
width: 85%;
display: none;
margin: auto;
}
#page_caption_wrapper.visible
{
display: block;
}
.password_container
{
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.password_wrapper
{
height: 100%;
width: 100%;
position: relative;
display: table;
}
.vertical_center_wrapper
{
display: table-cell;
vertical-align: middle;
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
.lock_wrapper
{
text-align: center;
margin: auto;
margin-top: 0;
margin-bottom: 20px;
}
.lock_wrapper i
{
font-size: 8em;
}
#page_caption h1
{
font-size: 36px;
}
#page_caption hr
{
margin: 0 0 20px 0;
}
#page_caption h2
{
color: #000;
padding: 0 0 25px 0;
font-size: 24px;
font-weight: 600;
letter-spacing: -1px;
}
#page_caption.page_content
{
background: #fff;
height: 100%;
text-align: left;
overflow: scroll;
color: #000;
}
#page_caption.page_content h1
{
color: #000;
}
#page_caption.page_content .page_tagline
{
color: #000;
}
#crumbs
{
text-align: center;
text-transform: uppercase;
color: #999;
font-size: 13px;
letter-spacing: 1px;
}
.page_control
{
position: fixed;
bottom: 20px;
right: 65px;
text-align: center;
z-index: 999;
}
.page_control img, .page_control_static img
{
width: 40px;
height: 40px;
}
.tubular-pause
{
position: fixed;
bottom: 20px;
right: 20px;
}
.page_control_static
{
position: fixed;
top: 20px;
right: 20px;
text-align: center;
z-index: 9;
background: #fff;
padding: 5px 10px 5px 10px;
}
.page_control_static.invisible { opacity: 0; visibility: hidden; }
.page_control_static #page_share:after
{
display: block;
font-family: 'FontAwesome';
content: "\f065";
color: #fff;
font-size: 1.3em;
}
.page_control_static #page_maximize:after
{
display: block;
font-family: 'FontAwesome';
content: "\f065";
color: #000;
font-size: 0.9em;
}
.page_control_static #page_maximize.minimize:after
{
content: "\f066";
}
#page_content_wrapper .sidebar .content .tagcloud, #page_content_wrapper .sidebar .content .textwidget
{
margin-top: 10px;
padding: 0 0 15px 0;
}
#page_content_wrapper .sidebar .content .textwidget img, #page_content_wrapper .sidebar .content .textwidget iframe, #page_content_wrapper .sidebar .content .textwidget video, #page_content_wrapper .sidebar .content .textwidget select
{
max-width: 100%;
}
#page_content_wrapper .sidebar .content .textwidget img
{
height: auto;
}
select[name=archive-dropdown]
{
margin-top: 15px;
}
#jquery_jplayer_1
{
display: none;
}
#kenburns
{
position: fixed;
top: 0;
left: 0;
z-index: 1;
}
#kenburns_overlay
{
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
a#kb-prevslide, a#kb-nextslide { display: block; width: 60px; height: 60px; text-align: center; position: absolute; bottom: 49%; z-index: 2; overflow: hidden; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background: rgba(256,256,256,0.8); line-height: 45px; opacity: 0; }
a#kb-prevslide:before, a#kb-nextslide:before { font-family: "FontAwesome"; font-size: 20px; display: block; content: '\f104'; color: #000; margin-top: 9px; }
a#kb-nextslide:before { content: '\f105'; }
a#kb-prevslide { left: -60px; }
a#kb-nextslide { right: -60px; }
body:hover a#kb-prevslide {
opacity: 1; left: 20px;
}
body:hover a#kb-nextslide {
opacity: 1; right: 20px;
}
.portfolio_header h6
{
color: #fff;
margin: 10px 0 10px 0;
font-size: 20px;
font-weight: 200;
}
.mansory_img
{
opacity: 0;
visibility: hidden;
}
.mansory_img img {
display: block;
}
.mansory_img .mask {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
background: #000;
background-color: rgba(0,0,0, 0.7);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
text-align: center;
width:100%;
height:100%;
}
.mansory_img .mask .mask_frame
{
width: 100%;
height: 100%;
}
.mansory_img .mask .mask_frame .mask_image_content .mask_image_content_frame
{
display: table-cell;
vertical-align: middle;
}
.mansory_img .mask .mask_frame .mask_image_content h6 {
width: 80%;
font-size: 22px !important;
line-height: 28px;
color: #fff;
font-weight: bold;
margin: auto;
display: block;
}
.mansory_img:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.wall_thumbnail {
float:left;
margin: 0;
overflow: hidden;
}
.wall_thumbnail img {
display: block;
}
.wall_thumbnail .mask {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
background: #000;
background-color: rgba(0,0,0, 0.5);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
text-align: center;
width:100%;
height:100%;
}
.wall_thumbnail:hover .mask
{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.wall_thumbnail img
{
display: block;
width: 100%;
height: auto;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
}
.wall_thumbnail:hover img:not(.static)
{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-filter: blur(2px);
filter: blur(2px);
-moz-filter: blur(2px);
}
.wall_thumbnail .mask .mask_frame
{
display: table;
width:100%;
height:100%;
}
.wall_thumbnail .mask .mask_frame .mask_image_content
{
width: 100%;
height: 100%;
display: table !important;
}
.wall_thumbnail .mask .mask_frame .mask_image_content.hascycle
{
z-index: 10;
position: relative;
background: #000;
background-color: rgba(0,0,0, 0.5);
margin: 0;
}
.wall_thumbnail .mask .mask_frame .mask_image_content .mask_image_content_frame
{
display: table-cell;
vertical-align: middle;
height: 100%;
width: 100%;
}
.wall_thumbnail .mask .mask_frame .mask_image_content .mask_image_content_frame i
{
font-size: 20px;
border-radius: 200px;
padding: 20px;
background: #fff;
color: #000;
margin: 0 5px 0 5px;
opacity: 0;
}
.wall_thumbnail:hover .mask .mask_frame .mask_image_content .mask_image_content_frame i
{
animation-name: slideUp2;
-webkit-animation-name: slideUp2;
animation-duration: 0.4s;
-webkit-animation-duration: 0.4s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
.wall_thumbnail h6 {
width: 100%;
font-size: 18px !important;
margin: auto;
display: block;
padding: 20px 0 0 0;
box-sizing: border-box;
}
.gallery_excerpt
{
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
}
.wall_thumbnail .mask .mask_frame .mask_image_content span:not(:empty)
{
font-size: 11px;
color: #fff;
font-weight: bold;
font-family: 'Montserrat', 'helvetica neue', Helvetica, sans-serif;
display: block;
width: 70%;
margin: auto;
margin-top: 15px;
text-transform: uppercase;
padding-top: 25px;
border-top: 1px solid rgba(256,256,256,0.9);
}
.wall_thumbnail:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.wall_thumbnail:hover .mask h6 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.photo_wall_wrapper_cover
{
background: #f0f0f0;
position: relative;
}
#photo_wall_wrapper, .photo_wall_wrapper
{
padding: 0;
width: 99.5%;
position: relative;
margin: 0 0 0 0;
top: 0;
left: 0.5%;
clear: both;
}
#photo_wall_wrapper.parallax
{
padding-top: 14px;
}
#photo_wall_wrapper .wall_entry, .photo_wall_wrapper .wall_entry
{
float: left;
border: none;
margin: 0;
padding: 0;
position: relative;
width: 32%;
margin-bottom: 1%;
margin-left: 0.5%;
margin-right: 0.5%;
word-wrap: break-word;
overflow: hidden;
}
#photo_wall_wrapper .wall_entry:hover, .photo_wall_wrapper .wall_entry:hover
{
opacity: 1;
}
#photo_wall_wrapper .wall_entry .wall_thumbnail, .photo_wall_wrapper .wall_entry .wall_thumbnail
{
opacity: 0;
}
#photo_wall_wrapper .wall_entry.visible .wall_thumbnail, .photo_wall_wrapper .wall_entry.visible .wall_thumbnail
{
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
@media only screen and (min-width: 1400px) {
#photo_wall_wrapper .wall_entry, .photo_wall_wrapper .wall_entry
{
width: 23.6%;
}
}
@media only screen and (min-width: 1720px) {
#photo_wall_wrapper .wall_entry, .photo_wall_wrapper .wall_entry
{
width: 18.8%;
}
}
@media only screen and (min-width: 2200px) {
#photo_wall_wrapper .wall_entry, .photo_wall_wrapper .wall_entry
{
width: 15.5%;
}
}
#photo_wall_wrapper .wall_entry .wall_entry_wrapper, .photo_wall_wrapper .wall_entry .wall_entry_wrapper
{
position: relative;
}
#photo_wall_wrapper .wall_entry img, .photo_wall_wrapper .wall_entry img
{
display: block;
width: 100%;
height: auto;
}
.page_audio
{
position: fixed;
bottom: 20px;
right: 27px;
z-index: 999999;
}
.isotope,
.isotope .isotope-item {
/* change duration value to whatever you like */
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s !important;
-moz-transition-duration: 0s !important;
-ms-transition-duration: 0s !important;
-o-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.page-template-template-gallery-thumbnails-php .gallery_mansory_wrapper {
padding: 0px;
margin: 0 auto;
}
#map_contact
{
width: 100%;
min-height: 100%;
}
#searchsubmit
{
display: none;
}
#portfolio_wall_filters, .portfolio_wall_filters
{
width: 100%;
text-align: center;
background: #fff;
}
.filter
{
margin: 0 0 0 0 !important;
}
.filter li
{
margin: 0 0 0 0;
display: inline-block;
list-style: none;
}
.filter li:first-child, .filter li:first-child a
{
margin-left: 0 !important;
}
.filter li a
{
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
padding: 1em 2em 1em;
background: transparent;
font-size: 13px;
text-shadow: none;
font-family: 'Montserrat', 'helvetica neue', Helvetica, sans-serif;
color: #777
}
.filter li .separator
{
display: none !important;
}
.filter li:last-child .separator
{
display: none;
}
.filter li a:hover
{
color: #000;
background: #f9f9f9;
}
.filter li a.active, #portfolio_wall_filters li a.active, #portfolio_wall_filters li a:hover
{
color: #000;
background: #f9f9f9;
}
#portfolio_filter_wrapper
{
width: 720px;
}
.gallery_a_title
{
position: absolute;
left: 20px;
bottom: 20px;
color: #fff;
}
.gallery_a_title h5 {
font-size: 16px;
font-weight: bold;
color: #fff;
}
.gallery_a_title span
{
font-size: 16px;
color: #fff;
font-family: 'Crimson Text', georgia,Verdana,sans-serif;
font-style: italic;
margin-top: -10px;
display: block;
}
.gallery_a_title a, .gallery_a_title a:hover, .gallery_a_title a:active
{
color: #fff;
}
body.single-attachment p.attachment {
display: none;
}
.widget_tag_cloud div, .tag_cloud
{
margin: 15px 0 10px 0;
}
.widget_tag_cloud div a, .meta-tags a, .tag_cloud a
{
display: inline-block;
font-size: 14px;
line-height: 0.8em;
margin: 0 0 4px 0;
padding: 6px 10px 6px 10px;
}
.tag_cloud a
{
margin-right: 5px;
}
.widget_tag_cloud div a:hover, .meta-tags a:hover, #footer .widget_tag_cloud div a:hover, #footer .meta-tags a:hover, .tag_cloud a:hover
{
border-color: #000 !important;
color: #fff !important;
background: #000 !important;
}
#reponse_msg ul:empty
{
margin: 0;
}
#reponse_msg ul
{
margin-left: 20px;
margin-top: 0 !important;
}
#reponse_msg ul li:last-child
{
margin-bottom: 20px;
}
#reponse_msg ul li.error
{
color: #000;
}
.fancybox-title-outside-wrap
{
margin-top: 15px !important;
}
.fancybox-title-outside-wrap h5
{
font-size: 16px !important;
font-weight: bold !important;
color: #fff !important;
}
.fancybox-title-outside-wrap .fancy_image_desc
{
font-size: 16px;
color: #999;
font-family: 'Crimson Text', georgia,Verdana,sans-serif;
font-style: italic;
}
.fancybox-title-outside-wrap a, .fancybox-title-outside-wrap a:hover, .fancybox-title-outside-wrap a:active
{
color: #fff !important;
}
.footer_bar_wrapper
{
width: 960px;
margin: auto;
padding-top: 40px;
margin-top: 20px;
border-top: 1px solid #444;
}
#toTop
{
width:30px;
background: #fff;
color: #000;
text-align:center;
padding:8px 7px 8px 7px;
position:fixed;
bottom:20px;
right:20px;
cursor:pointer;
visibility: hidden;
transition: color 300ms, background-color 300ms, opacity 300ms;
-moz-transition: color 300ms, background-color 300ms, opacity 300ms;
-o-transition: color 300ms, background-color 300ms, opacity 300ms;
-webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
z-index: 9;
}
#toTop i
{
font-size: 1em;
line-height: 1em;
}
#toTop:hover
{
background: transparent;
color: #fff;
}
@-webkit-keyframes fadeInBlack { from { opacity:0; } to { opacity:1; background: #000; } }
@-moz-keyframes fadeInBlack { from { opacity:0; } to { opacity:1; background: #000; } }
@keyframes fadeInBlack { from { opacity:0; } to { opacity:1; background: #000; } }
.backstretch
{
opacity:0;
-webkit-animation:fadeInBlack ease-in 1;
-moz-animation:fadeInBlack ease-in 1;
animation:fadeInBlack ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:.2s;
-moz-animation-duration:.2s;
animation-duration:.2s;
}
.backstretch img
{
opacity: 0.4;
}
body.page-template-template-image-php .backstretch img
{
opacity: 1 !important;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.slider_wrapper
{
width: 100%;
min-height: 280px;
position: relative;
overflow: hidden;
}
.slider_wrapper ul li
{
line-height: 0;
}
.slider_wrapper ul li img
{
max-width: 100%;
height: auto;
line-height: 0;
}
.post_previous
{
width: 50%;
float: left;
margin-top: 40px;
}
.post_previous h6, .post_next h6
{
margin: 0;
}
.post_previous_icon
{
color: #000;
float: left;
font-size: 4em;
line-height: 0em;
margin-top: -10px;
margin-right: 20px;
}
.post_previous_content
{
float: left;
width: 85%;
margin-top: -5px;
text-align: center;
}
.post_previous_content h6, .post_next_content h6
{
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
font-family: "Crimson Text", "Times New Roman", georgia, sans-serif;
}
.post_next
{
width: 49.5%;
float: right;
margin-top: 40px;
}
.post_next_icon
{
color: #000;
float: right;
font-size: 4em;
line-height: 0em;
margin-top: -10px;
margin-left: 20px;
}
.post_next_content
{
float: right;
width: 85%;
margin-top: -5px;
text-align: center;
}
.post_previous_content h5, .post_next_content h5
{
font-size: 16px;
letter-spacing: 0;
margin-top: 10px;
}
.portfolio_post_previous, .portfolio_post_next
{
position: fixed;
top: 48%;
right: 20px;
overflow: hidden;
}
.portfolio_post_previous
{
left: 20px;
}
.portfolio_post_previous a, .portfolio_post_next a
{
width: 30px;
background: #fff;
color: #000;
text-align: center;
padding: 8px 7px 8px 7px;
display: block;
}
.portfolio_post_previous a, .portfolio_post_next a, .portfolio_post_previous a:hover, .portfolio_post_next a:hover
{
color: #000;
}
.portfolio_post_previous a:hover, .portfolio_post_next a:hover
{
background: transparent;
}
.portfolio_post_previous
{
float: left;
max-width: 50%;
}
.portfolio_post_next
{
float: right;
max-width: 50%;
}
.gallery_audio
{
position: fixed;
top: 23px;
right: 50px;
z-index: 999;
}
.progress_bar
{
background: #f0f0f0;
height: 37px !important;
position: relative;
margin-bottom: 10px;
visibility: hidden;
}
.progress_bar_content
{
height: 37px !important;
-webkit-transition: width s ease-in-out;
-moz-transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
}
.progress_bar_title
{
font-size: 13px;
color: #fff;
font-weight: normal;
position: absolute;
top: 6px;
left: 13px;
font-weight: bold;
}
#supersized_overlay
{
display: none !important;
}
.lightbox_video_wrapper iframe, .lightbox_video_wrapper video
{
width: 100%;
}
.lightbox_video_wrapper .mejs-container
{
margin: auto;
}
#horizontal_gallery
{
opacity: opacity: 1 !important;;
overflow-x: scroll;
clear: both;
}
#horizontal_gallery.visible
{
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
animation-duration: 0.3s;
-webkit-animation-duration: 0.3s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
#horizontal_gallery_wrapper
{
background: #fff;
padding-right: 15px;
}
#horizontal_gallery_wrapper tbody tr td
{
display:table-cell;
vertical-align: middle;
min-width: 200px;
}
#horizontal_gallery_wrapper tbody tr td a
{
outline: none;
}
#horizontal_gallery_wrapper tbody tr td .horizontal_gallery_info
{
width: 220px;
text-align: right;
padding-right: 30px;
}
#horizontal_gallery_wrapper tbody tr td .horizontal_gallery_info h1
{
font-size: 22px;
line-height: 1.3em;
margin-top: 10px;
}
#horizontal_gallery_wrapper img.horizontal_gallery_img
{
height: auto;
}
#horizontal_gallery_wrapper .gallery_image_wrapper
{
text-align: center;
display: none;
}
#horizontal_gallery_wrapper .gallery_image_wrapper.visible
{
display: block;
}
#horizontal_gallery_wrapper .gallery_image_wrapper .image_caption, .image_caption
{
letter-spacing: 2px;
text-transform: uppercase;
margin-top: 30px;
margin-bottom: 15px;
font-size: 14px;
}
#horizontal_gallery_wrapper .gallery_image_wrapper .image_caption
{
margin-top: 15px;
}
.image_caption.fullscreen
{
clear: both;
padding-top: 15px;
}
.caption_header
{
letter-spacing: 2px;
text-transform: uppercase;
font-size: 14px;
}
#horizontal_gallery_wrapper .gallery_image_wrapper .image_description, .image_description
{
font-style: italic;
color: #777;
font-size: 14px;
margin-top: -10px;
}
body[data-style=fullscreen] .image_description
{
width: 70%;
margin: auto;
margin-top: -10px;
}
.gallery_img_slides
{
z-index:9;
visibility:hidden;
margin: 0 !important;
position: absolute;
width: 100%;
height: 100%;
}
.gallery_img_slides li, .gallery_img_slides li img
{
max-width: 100% !important;
height: auto !important;
}
.gallery_img_slides.active
{
visibility:visible;
}
#client_header
{
width: 70%;
margin: auto;
clear: both;
padding: 50px 0 50px 0;
}
#client_header .client_thumbnail, .client_thumbnail
{
margin: auto;
width: 120px;
}
.overlay_gallery_wrapper .client_thumbnail
{
width: 120px;
float: none;
margin: auto;
}
#client_header .client_thumbnail img, .client_thumbnail img
{
border-radius: 200px;
margin-bottom: 10px;
max-width: 100%;
}
#client_header .client_content
{
margin: auto;
text-align: center;
width: 50%;
}
/*------------------------------------------------------------------
[11. Contact Form Captcha]
*/
#captcha-wrap
{
border:solid #870500 1px;
width:270px;
-webkit-border-radius: 10px;
float:left;
-moz-border-radius: 10px;
border-radius: 10px;
background:#870500;
text-align:left;
padding:3px;
margin-top:3px;
height:107px;
margin-left: 1.33333rem;
}
#captcha-wrap .captcha-box
{
-webkit-border-radius: 7px;
background:#fff;
-moz-border-radius: 7px;
border-radius: 7px;
text-align:center;
border:solid #fff 1px;
}
#captcha-wrap .text-box
{
-webkit-border-radius: 7px;
background:#ffdc73;
-moz-border-radius: 7px;
width:140px;
height:43px;
float:left;
margin:4px;
border-radius: 7px;
text-align:center;
border:solid #ffdc73 1px;
}
#captcha-wrap .text-box input
{
width:120px;
-webkit-appearance: textfield;
padding: 1px;
background-color: white;
border: 2px inset;
border-image: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
float: none;
margin: auto;
display: block;
margin-top: -5px;
padding: 0;
height: 20px;
}
#captcha-wrap .text-box label
{
color:#000000;
font-size:11px;
width:140px;
padding-top:3px;
padding-bottom:3px;
margin: 0;
font-weight: normal;
margin-top: -2px;
}
#captcha-wrap .captcha-action
{
float:right; width:117px;
background:url(../images/logos.jpg) top right no-repeat;
height:44px; margin-top:3px;
}
#captcha-wrap img#captcha-refresh
{
margin-top:9px;
border:solid #333333 1px;
margin-right:6px;
cursor:pointer;
}
/*------------------------------------------------------------------
[12. Woocommerce Elements]
*/
h1.page-title
{
display: none;
}
#page_content_wrapper .inner .sidebar_content ul.products
{
margin: 0;
padding-top: 20px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product
{
width: 32%;
margin-right: 2%;
}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last
{
margin-right: 0;
}
.woocommerce .woocommerce-ordering select
{
border: 0;
background: transparent;
font-family: 'Montserrat', 'Helvetica Neue', Arial,Verdana,sans-serif;
font-size: 14px;
}
.woocommerce .woocommerce-result-count
{
font-family: 'Montserrat', 'Helvetica Neue', Arial,Verdana,sans-serif;
font-size: 14px;
}
.woocommerce ul.products li.product h3
{
font-size: 1em;
}
.woocommerce ul.products li.product .price
{
font-family: 'Montserrat', 'Helvetica Neue', Arial,Verdana,sans-serif;
color: #444;
font-size: 1.3em;
font-weight: bold;
}
.woocommerce ul.products li.product .button
{
background: transparent;
padding: 0;
text-transform: none;
font-size: 12px;
font-family: 'Montserrat', 'Helvetica Neue', Arial,Verdana,sans-serif;
letter-spacing: 0;
font-weight: 400;
}
.woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty
{
outline: 0;
border: 1px solid #e1e1e1 !important;
height: 28px;
}
.woocommerce-page div.product form.cart .button
{
width: auto !important;
margin-left: 5px;
letter-spacing: 1px !important;
padding: .8em 1.5em .8em 1.5em !important;
border: 0 !important;
}
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img
{
box-shadow: 0px 0px 0px black !important;
width: 100% !important;
text-align: center !important;
margin: auto !important;
}
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3
{
font-size: 14px !important;
margin-top: 5px !important;
padding-bottom: 0;
}
.woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del
{
font-size: 0.9em !important;
}
.woocommerce ul.products li.product .price ins, .woocommerce-page ul.products li.product .price ins, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price
{
text-decoration: none !important;
font-size: 16px !important;
color: #b63327;
}
.woocommerce ul.cart_list li ins, .woocommerce ul.product_list_widget li ins, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li ins
{
text-decoration: none;
font-weight: bold;
}
.woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart
{
display: none !important;
}
.woocommerce ul.cart_list li img, .woocommerce-page ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.product_list_widget li img
{
box-shadow: 0px 0px 0px black !important;
-webkit-box-shadow: 0px 0px 0px black !important;
-moz-box-shadow: 0px 0px 0px black !important;
width: 45px;
height: auto;
}
.woocommerce div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page #content div.product div.images img
{
box-shadow: 0px 0px 0px black !important;
-webkit-box-shadow: 0px 0px 0px black !important;
-moz-box-shadow: 0px 0px 0px black !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs
{
margin-left: 0 !important;
}
.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h1
{
font-size: 30px !important;
}
.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h2
{
font-size: 18px !important;
}
.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h3
{
font-size: 16px !important;
padding-bottom: 0;
}
.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h4
{
font-size: 14px !important;
}
.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h5
{
font-size: 13px !important;
}
.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h6
{
font-size: 12px !important;
}
.woocommerce div.product div.images div.thumbnails a, .woocommerce-page div.product div.images div.thumbnails a, .woocommerce #content div.product div.images div.thumbnails a, .woocommerce-page #content div.product div.images div.thumbnails a
{
margin-bottom: 3.8%;
}
div[itemprop="description"]
{
margin: 5px 0 10px 0;
padding-left: 0 !important;
}
.review-summary
{
display: none !important;
}
.woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total
{
font-size: 14px !important;
color: #000;
padding-top: 10px !important;
}
.woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total
{
border: 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range
{
background: #444 !important;
box-shadow: inset 0 0 0 0 rgba(0,0,0,0.5) !important;
-webkit-box-shadow: inset 0 0 0 0 rgba(204, 204, 204, 0.5) !important;
-moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.5) !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle
{
border: 1px solid #e1e1e1 !important;
background: #fff !important;
}
.woocommerce #page_content_wrapper a.button, .woocommerce.columns-4 ul.products li.product a.add_to_cart_button, .woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover
{
text-transform: none !important;
border: 0 !important;
padding: 0 !important;
letter-spacing: 0 !important;
font-family: 'Montserrat', 'Helvetica Neue', Arial,Verdana,sans-serif !important;
font-weight: normal !important;
position: relative !important;
padding-left: 20px !important;
background: transparent !important;
margin-top: 0;
opacity: 0.3;
color: #444 !important;
font-size: 12px !important;
}
.woocommerce #page_content_wrapper a.button:hover, .woocommerce-page #page_content_wrapper a.button:hover, .woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover, .woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover
{
opacity: 1;
}
.woocommerce.columns-4 ul.products li.product a.add_to_cart_button
{
color: #000 !important;
font-size: 100% !important;
}
.woocommerce #page_content_wrapper a.button:before, .woocommerce-page #page_content_wrapper a.button:before, .woocommerce .products a.button:before
{
position: absolute;
margin-left: -20px;
color: inherit;
font-family: "FontAwesome";
content: '\f07a';
}
.woocommerce #page_content_wrapper a.button.product_type_variable:before, .woocommerce-page #page_content_wrapper a.button.product_type_variable:before
{
content: '\f03a';
}
.woocommerce ul.products li.product:hover a.add_to_cart_button, .woocommerce-page ul.products li.product:hover
{
border-color: #777 !important;
}
.woocommerce div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page #content div.product form.cart .button
{
opacity: 1 !important;
}
.woocommerce .widget_shopping_cart .widget_shopping_cart_content a.button, .woocommerce table.cart td.actions .button.alt.checkout-button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce table.cart td.actions .button.alt
{
background: #444 !important;
color: #fff !important;
text-shadow: none !important;
border-color: #444 !important;
font-weight: normal !important;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a
{
font-weight: normal !important;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img
{
width: 70px !important;
float: left !important;
margin-right: 15px !important;
margin-left: 0 !important;
}
.woocommerce #reviews #comments ol.commentlist, .woocommerce-page #reviews #comments ol.commentlist
{
margin-top: 20px !important;
}
.cart-collaterals .cart_totals table {
width: 100% !important;
}
.woocommerce .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul li.product {
width: 32% !important;
}
.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: #999 !important;
}
.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
{
color: #fff !important;
}
body[data-shop=three_cols].woocommerce ul.products li.product, body[data-shop=three_cols].woocommerce-page ul.products li.product
{
width: 31.2% !important;
}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last
{
margin-right: 0 !important;
}
body.woocommerce .page-title
{
display: none;
}
.woocommerce-page div.product div.images div.thumbnails
{
display: none;
}
p.price
{
padding-top: 0 !important;
margin-top: -10px !important;
}
p.price ins span.amount, p.price span.amount, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price
{
font-weight: bold;
font-size: 18px;
color: #b63327;
}
p.price del span.amount
{
color: #ccc !important;
font-size: 16px;
}
span.price del span.amount
{
font-size: 13px;
}
#tab-description h2, .woocommerce #reviews #comments h2, .woocommerce-page #reviews #comments h2
{
font-size: 18px;
}
.checkout h3
{
font-size: 18px;
margin: 15px 0 15px 0;
}
.related.products h2, .cart_totals h2, .shipping_calculator h2, .upsells.products h2, .cross-sells h2
{
font-size: 18px;
margin-bottom: 15px;
}
.cart_totals h2
{
display: none;
}
.shipping_calculator h2
{
text-align: left;
}
.related.products
{
margin-top: 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before
{
border: 0;
box-shadow: 0 0 0;
border-radius: 0px !important;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before
{
border: 0;
box-shadow: 0 0 0;
border-radius: 0px !important;
}
.woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel
{
border: 1px solid #e1e1e1;
padding: 25px;
box-sizing: border-box;
background: #fff;
}
.woocommerce #reviews #comments ol.commentlist li, .woocommerce-page #reviews #comments ol.commentlist li
{
width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li
{
background: #ebebeb !important;
border: 0 !important;
box-shadow: none !important;
visibility: visible !important;
border: 1px solid #e1e1e1 !important;
border-bottom: 0 !important;
border-radius: 0px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:first-child
{
margin-left: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a
{
padding: 10px 30px 9px 30px !important;
font-weight: normal !important;
font-size: 14px !important;
text-shadow: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active
{
background: #fff !important;
color: #000 !important;
border-radius: 0px !important;
height: auto !important;
padding: 0 !important;
border: 1px solid #e1e1e1 !important;
border-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a
{
color: #000 !important;
font-weight: bold !important;
border-radius: 0px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs
{
padding-left: 0 !important;
margin-bottom: 0 !important;
}
.widget_shopping_cart_content a.button
{
margin-right: 5px !important;
}
.woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price
{
font-size: 1.5em !important;
}
.woocommerce-page div.product p.price ins
{
text-decoration: none !important;
}
.product_meta > span
{
clear: both;
display: block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after
{
border: 0 !important;
}
.woocommerce-message, .woocommerce-error, .woocommerce-info
{
box-shadow: 0 0 0 #000 !important;
border-radius: 0 !important;
}
.woocommerce-message
{
background: #23B064 !important;
border-color: #23B064 !important;
color: #fff !important;
text-shadow: none !important;
padding: 1.3em 1.2em 1.1em 3.2em !important;
}
.woocommerce-info
{
background: #4db2ec !important;
border-color: #4db2ec !important;
color: #fff !important;
text-shadow: none !important;
padding: 1.3em 1.2em 1.1em 3.2em !important;
}
.woocommerce-error
{
background: #e62c22 !important;
border-color: #e62c22 !important;
color: #fff !important;
text-shadow: none !important;
padding: 1.3em 1.2em 1.1em 3.2em !important;
}
.woocommerce-info a, .woocommerce-message a, .woocommerce-error a
{
color: #fff !important;
}
.woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before
{
box-shadow: none !important;
top: 0.4em !important;
background: #23B064 !important;
}
.woocommerce-info:before
{
background: #4db2ec !important;
}
.woocommerce-error:before
{
background: #e62c22 !important;
}
.woocommerce .woocommerce-message a.button
{
display: none;
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals, #order_review
{
margin-bottom: 0;
}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th
{
text-align: left;
}
.woocommerce table.shop_table, .woocommerce-page table.shop_table
{
border-bottom: 0;
}
.post_carousel.flexslider .slides > li
{
margin-right: 20px;
}
.woocommerce-page .products .star-rating
{
float: right;
margin-top: 5px;
}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price
{
padding-bottom: 10px;
border-bottom: 1px solid #e1e1e1;
}
.woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale
{
box-shadow: none;
text-shadow: none;
color: #fff;
background: #ff3e36;
margin-top: -6px;
margin-left: -6px;
left: 0;
right: auto;
}
.woocommerce #content nav.woocommerce-pagination, .woocommerce nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination
{
text-align: left;
margin-top: 30px;
margin-bottom: 30px;
}
.woocommerce #content nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul, .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li
{
border: 0;
}
.woocommerce #content nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li
{
height: 30px;
width: 30px;
line-height: 30px;
display: inline-block;
text-align: center;
color: #888;
background: #fff;
border: 1px solid #e1e1e1;
margin-right: 10px;
overflow: hidden;
}
.woocommerce-page nav.woocommerce-pagination ul li a
{
color: #888;
line-height: 1.3em;
}
.woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a:active
{
border-color: #e1e1e1;
background: #fcfcfc;
color: #000000 !important;
font-weight: bold;
line-height: 1.3em;
}
.woocommerce .woocommerce-pagination ul.page-numbers, .woocommerce-page .woocommerce-pagination ul.page-numbers
{
margin-left: 0 !important;
}
.woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li a
{
text-align: center;
}
.price_slider_wrapper
{
margin-top: 30px;
}
.woocommerce-page ul.product_list_widget li .star-rating
{
display: none;
}
.woocommerce-page ul.product_list_widget li a
{
font-weight: 600 !important;
}
.woocommerce-page ul.product_list_widget li .amount
{
font-weight: 600;
color: #444;
}
.woocommerce-page ul.product_list_widget li del .amount
{
color: #ccc;
}
.woocommerce-page .price_label
{
font-weight: 600;
}
.woocommerce-page ul.product_list_widget li ins
{
background: transparent;
}
.woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button
{
float: left !important;
}
ul.product_list_widget li
{
padding: 10px 0 10px 0 !important;
}
.woocommerce #content div.product, .woocommerce div.product, .woocommerce-page #content div.product, .woocommerce-page div.product
{
clear: both;
}
.woocommerce .woocommerce-product-rating, .woocommerce-page .woocommerce-product-rating
{
float: none;
}
.woocommerce-review-link
{
color: #000 !important;
}
.woocommerce-page div.product form.cart
{
margin-top: 2em;
}
.woocommerce .woocommerce-error:after, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:after, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:after, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-error:after, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:after, .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce-message:after, .woocommerce-page .woocommerce-message:before
{
display: block;
clear: none;
}
.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img
{
width: 70px;
}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th
{
font-size: 14px;
padding: 12px 12px 10px 12px;
}
.woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce-message:before
{
line-height: 1em;
}
.woocommerce .cart-collaterals .shipping_calculator .shipping-calculator-button:after, .woocommerce-page .cart-collaterals .shipping_calculator .shipping-calculator-button:after, .wc-forward a:after, .wc-forward:after
{
display: none;
}
#page_content_wrapper .inner .sidebar_content ul.products
{
margin-left: 0 !important;
}
.woocommerce table.shop_table td, .woocommerce-page table.shop_table td
{
border-top: 0;
padding: 15px 12px;
}
.shipping-calculator-button
{
color: #000;
}
.product-subtotal .amount
{
color: #000;
font-weight: 600;
}
.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator
{
width: 100%;
float: none;
}
.woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator
{
margin-top: 10px;
}
.woocommerce-page table.cart th, table.shop_table thead tr th
{
border-bottom: 1px solid #e1e1e1;
color: #000;
font-weight: 600;
}
.woocommerce table.shop_table, .woocommerce-page table.shop_table
{
border-radius: 0 !important;
border-bottom: 1px solid #e1e1e1;
}
.woocommerce table.shop_table.cart, .woocommerce-page table.shop_table.cart
{
border: 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
{
border-bottom: 0 !important;
padding-top: 40px;
}
.woocommerce table.cart td.actions .coupon .input-text#coupon_code
{
width: 200px;
padding: 12px 10px 8px 10px;
border-radius: 0;
box-shadow: 0 0 0 0;
margin-right: 10px;
}
.woocommerce .cart-collaterals .cart_totals table tr:first-child td, .woocommerce .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-page .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-page .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th
{
border-bottom: 0;
}
.woocommerce-page #payment ul.payment_methods label
{
display: inline-block;
clear: none;
width: auto;
}
.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box
{
margin-top: 0;
}
.woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods
{
border-bottom: 0;
}
.woocommerce #payment div.form-row, .woocommerce-page #payment div.form-row
{
border-top: 0;
}
.woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before
{
color: #444;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta
{
font-size: 1em;
}
strong[itemprop="author"]
{
font-size: 1em;
font-weight: 600;
color: #000;
font-weight: 600 !important;
font-family: 'Montserrat', 'Helvetica Neue', Arial,Verdana,sans-serif;
text-transform: uppercase;
}
.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box
{
background: #fff !important;
box-shadow: 0 0 0 0;
}
.woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after
{
display: none !important;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text
{
border: 0 !important;
border-bottom: 1px solid #e1e1e1 !important;
padding: 0;
}
.woocommerce ul.products li.product a .star-rating, .woocommerce-page ul.products li.product a .star-rating
{
display: none !important;
}
.woocommerce #review_form #respond
{
width: 100%;
}
.woocommerce #reviews h3
{
text-align: left;
}
h1.product_title
{
font-size: 26px;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove
{
display: none;
}
.woocommerce-cart .wc-proceed-to-checkout
{
padding: 2em 0;
}
.woocommerce-page div.product form.cart .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt
{
border-radius: 0 !important;
}
.return-to-shop .wc-backward
{
padding-left: 35px !important;
}
.return-to-shop
{
padding: 0 0 2em 0 !important;
}
.woocommerce-checkout-payment
{
margin-bottom: 4em !important;
}
.woocommerce-result-count
{
padding-top: 0 !important;
}
.woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before
{
margin-top: 11px;
}
.woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li
{
width: 32%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.reviews_tab
{
top: 2px;
} |