/* =================================== HI THERE ◕ ‿‿ ◕  Theme Name: V.1 / Karla Can Code & Stuffs Theme URL: http://kaicreative.co Author: Karla Canamaso / Kai Creative Co. Notes: Created for Fitness Edge MD LLC, 5/27/2016. =================================== */ /* | 1.0 Grid | 2.0 Layout | 3.0 Responsive-1240 | 4.0 Responsive | */ /* |-------------------------------------------------------------------------- | 1.0 Grid | |-------------------------------------------------------------------------- | | | */ /* Grid 1240px ----------------------------------------------------------------------- */ body { min-width: 960px;} body.admin-bar { position:relative;} #Wrapper { max-width: 1240px; margin: 0px auto; overflow:hidden;} .layout-boxed { padding: 25px 0;} .layout-full-width { padding: 0; } .layout-full-width #Wrapper { max-width: 100% !important; width: 100% !important; margin: 0 !important; } #Content { width: 100%;} #Content.no-padding, .template-slider #Content { padding-top: 0; } .section { position: relative; } .section_wrapper, .container { width: 1200px; margin:0 auto; position:relative;} .section.full-width > .section_wrapper { max-width: 100% !important;} .section_wrapper:after, .container:after { clear: both; content: " "; display: block; height: 0; visibility: hidden;} .mcb-wrap { float:left; -webkit-box-sizing:border-box; box-sizing:border-box;} .mcb-wrap.divider { width:100%;} .column, .columns { float: left; margin:0 1% 40px;} .the_content_wrapper { margin: 0 1%;} .column_content .the_content_wrapper { margin: 0;} /* Sizes ----------------------------------------------------------------------------- */ /* .mcb-wrap */ .one-sixth.mcb-wrap { width: 16.666%; } /* 1/6 */ .one-fifth.mcb-wrap { width: 20%; } /* 1/5 */ .one-fourth.mcb-wrap { width: 25%; } /* 1/4 */ .one-third.mcb-wrap { width: 33.333%; } /* 1/3 */ .two-fifth.mcb-wrap { width: 40%; } /* 2/5 */ .one-second.mcb-wrap { width: 50%; } /* 1/2 */ .three-fifth.mcb-wrap { width: 60%; } /* 3/5 */ .two-third.mcb-wrap { width: 66.666%; } /* 2/3 */ .three-fourth.mcb-wrap { width: 75%; } /* 3/4 */ .four-fifth.mcb-wrap { width: 80%; } /* 4/5 */ .five-sixth.mcb-wrap { width: 83.333%; } /* 5/6 */ .one.mcb-wrap { width: 100%; } /* 1/1 */ /* .column */ .one-sixth.column { width: 14.666%; } /* 1/6 */ .one-fifth.column { width: 18%; } /* 1/5 */ .one-fourth.column, .four.columns { width: 23%; } /* 1/4 */ .one-third.column { width: 31.333%; } /* 1/3 */ .two-fifth.column { width: 38%; } /* 2/5 */ .one-second.column { width: 48%; } /* 1/2 */ .three-fifth.column { width: 58%; } /* 3/5 */ .two-third.column { width: 64.666%; } /* 2/3 */ .three-fourth.column { width: 73%; } /* 3/4 */ .four-fifth.column { width: 78%; } /* 4/5 */ .five-sixth.column { width: 81.333%; } /* 5/6 */ .one.column { width: 98%; } /* 1/1 */ .section.full-width > .one.column, .section.full-width > .section_wrapper > .one.column, .section.full-width .one.wrap .one.column { width:100%; margin: 0; } /* .Sidebar | .with_aside */ .with_aside .content_wrapper { max-width: 1200px; margin: 0 auto;} .with_aside .sections_group { width: 75%; float:left;} .with_aside .section_wrapper { width: 100%;} .with_aside .four.columns { float: right;} .aside_left .sections_group { float: right;} .aside_left .four.columns { float: left;} /* Sidebar - Both | .aside_both */ .aside_both .sections_group { width: 60%; margin-left:20%;} .aside_both .sidebar.columns { width: 18%; } .aside_both .sidebar-1 { float: left !important; margin-left:-79%; } /* Column ---------------------------------------------------------------------------- */ /* Column | Margin - Horizontal */ .no-margin-h .column { margin-left:0; margin-right:0; } .no-margin-h .one-sixth.column { width: 16.666%; } /* 1/6 */ .no-margin-h .one-fifth.column { width: 20%; } /* 1/5 */ .no-margin-h .one-fourth.column { width: 25%; } /* 1/4 */ .no-margin-h .one-third.column { width: 33.333%; } /* 1/3 */ .no-margin-h .one-second.column { width: 50%; } /* 1/2 */ .no-margin-h .two-third.column { width: 66.666%; } /* 2/3 */ .no-margin-h .three-fourth.column { width: 75%; } /* 3/4 */ .no-margin-h .one.column { width: 100%; } /* 1/1 */ /* Column | Margin - Bottom */ /* set in section options */ .column.column_divider { margin-bottom: 0 !important;} .column-margin-0px .column { margin-bottom: 0 !important;} .column-margin-10px .column { margin-bottom: 10px !important;} .column-margin-20px .column { margin-bottom: 20px !important;} .column-margin-30px .column { margin-bottom: 30px !important;} .column-margin-40px .column { margin-bottom: 40px !important;} .column-margin-50px .column { margin-bottom: 50px !important;} /* set in item options */ .column-margin-0px.column { margin-bottom: 0 !important;} .column-margin-10px.column { margin-bottom: 10px !important;} .column-margin-20px.column { margin-bottom: 20px !important;} .column-margin-30px.column { margin-bottom: 30px !important;} .column-margin-40px.column { margin-bottom: 40px !important;} .column-margin-50px.column { margin-bottom: 50px !important;} /* Column | Equal Height */ .equal-height .column .column_attr { height:100%;} /* Column | Align */ .column_attr.align_left { text-align: left;} .column_attr.align_right { text-align: right;} .column_attr.align_center { text-align: center;} .column_attr.align_justify { text-align: justify;} /* Extra Content */ .extra_content .the_content_wrapper { margin: 0 1%;} .extra_content .has_content .the_content_wrapper, .extra_content .category_description .the_content_wrapper { margin-bottom: 40px;} /* #Clearing ------------------------------------------------------------------------- */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} /* |-------------------------------------------------------------------------- | 2.0 Layout | |-------------------------------------------------------------------------- | | | */ /* #Global ================================================== */ .the_content_wrapper pre { margin-bottom: 20px} .rev_slider iframe { max-width: 1220px;} .rev_slider ul { margin:0 !important;} .tp-static-layers { z-index: 200;} .ls-yourlogo { z-index: 28;} .section.center { text-align: center;} .section.no-margin .column, .section.no-margin-v .column { margin-bottom:0;} #Wrapper { -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, .06); box-shadow: 0px 0px 15px rgba(0, 0, 0, .06);} /* Slider | Pagination ================================================== */ .slider_pagination, .tp-bullets.simplebullets.round { text-align: center; line-height: 0; } .slider_pagination a, .tp-bullets.simplebullets.round .bullet { display: inline-block; width: 12px; height: 12px; text-indent: -9999px; margin: 0 9px; background: rgba(0,0,0,.15); -webkit-border-radius: 100%; border-radius: 100%; position: relative; } .slider_pagination a:hover { background: rgba(0,0,0,.25); } .slider_pagination a.selected, .tp-bullets.simplebullets.round .bullet.selected { width: 10px; height: 8px; margin: 0px 10px 0; position: relative; top: 4px; background: rgba(0,0,0,.15); -webkit-border-radius: 2px; border-radius: 2px; } .slider_pagination a.selected:after, .tp-bullets.simplebullets.round .bullet.selected:after { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 1px; border-radius: 1px; position: absolute; left: 1px; top: -3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .tp-bullets.simplebullets.round .bullet { background: #fff; } .offer_thumb .slider_pagination a img { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .offer_thumb .slider_pagination a:before, .offer_thumb .slider_pagination a:after { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media only screen and (min-width: 768px) { .offer_thumb .slider_pagination { position: absolute; left: 0; top: 0; border-width: 1px; border-style: solid; } .offer_thumb .slider_pagination a { display: block; margin: 0; width: 85px; height: 85px; line-height: 85px; text-align: center; padding: 8px; text-indent: 0; border-bottom-width: 1px; border-style: solid; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .offer_thumb .slider_pagination a:not(.selected):hover img { filter: alpha(opacity=60); opacity: 0.6; } .offer_thumb .slider_pagination a.selected { top: 0; } .offer_thumb .slider_pagination a:last-child { border: 0; } .offer_thumb .slider_pagination a:before { content: ""; display: block; width: 5px; height: 100%; right: -5px; top: 0; position: absolute; filter: alpha(opacity=0); opacity: 0; } .offer_thumb .slider_pagination a.selected:before { filter: alpha(opacity=100); opacity: 1; } .offer_thumb .slider_pagination a:after { content: ""; left: auto; right: -9px; top: 50%;margin-top: -4px; width: 8px; height: 8px; filter: alpha(opacity=0); opacity: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;} .offer_thumb .slider_pagination a.selected:after { filter: alpha(opacity=100); opacity: 1; } .offer_thumb .slider_pagination a { background-color: #fff; } .offer_thumb .slider_pagination a.selected { background-color: #fff; background-image: url(../images/stripes/stripes_3_b.png); } .offer_thumb .slider_pagination a img { vertical-align:middle;} } /* #Fixed nav ================================================== */ .post-nav .fixed-nav { display: none; } .fixed-nav { position: fixed; bottom: 40px; height: 80px; z-index: 90; } .fixed-nav.fixed-nav-prev { left: 0; } .fixed-nav.fixed-nav-next { right: 0; } .fixed-nav .arrow { display: block; width: 35px; height: 80px; font-size: 15px; position: relative; z-index: 92; color: #fff;line-height: 80px; text-align: center; } .fixed-nav .photo { height: 80px; width: 80px; position: relative; z-index: 92; overflow: hidden; line-height: 0; } .fixed-nav .desc { width: 190px; padding: 6px 15px; min-height: 68px; background: #fff; z-index: 91; } .fixed-nav .desc h6 { margin-bottom: 3px; padding-bottom: 3px; border-bottom-width: 1px; border-style: solid; } .fixed-nav .desc i { display: inline-block; margin-right: 2px; } .fixed-nav .desc i:before { margin-left: 0; } .fixed-nav-prev .arrow, .fixed-nav-prev .photo, .fixed-nav-prev .desc { float: left; } .fixed-nav-prev .desc { margin-left: -335px; } .fixed-nav-prev:hover .desc { margin-left: 0px; } .fixed-nav-next .arrow, .fixed-nav-next .photo, .fixed-nav-next .desc { float: right; } .fixed-nav-next .desc { margin-right: -335px; } .fixed-nav-next:hover .desc { margin-right: 0px; } /* Animation */ .fixed-nav .photo, .fixed-nav .desc { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Format */ .fixed-nav.format-quote .desc { display: none; } .fixed-nav.format-quote .photo { background-color: #eee; background-image: url("../images/blockquote.png"); background-position: center center; background-repeat: no-repeat; background-size: 50% auto; } .fixed-nav.format-link .photo img { display: none; } .fixed-nav.format-link .photo { background-color: #eee; background-image: url("../images/link.png"); background-position: center center; background-repeat: no-repeat; } @media only screen and (max-width: 1430px) { .fixed-nav-prev .photo { position: static; margin-left: -115px; } .fixed-nav-prev:hover .photo { margin-left: 0; } .fixed-nav-next .photo { position: static; margin-right: -115px; } .fixed-nav-next:hover .photo { margin-right: 0; } } /* #Filters ================================================== */ #Filters { margin-bottom: 30px; } #Filters .filters_buttons li { float: left; margin-right: 15px; } #Filters .filters_buttons li.categories i, #Filters .filters_buttons li.tags i { margin-right: 3px; } #Filters .filters_buttons li.reset { float: right; margin-right: 0; } #Filters .filters_wrapper { display: none; margin-top: 20px; } #Filters .filters_wrapper ul { display:none; overflow:hidden;} #Filters .filters_wrapper ul li { float:left; width: 19%; margin: 0.5%; } #Filters .filters_wrapper ul li a { display: block; padding: 7px 10px; background: #fff; border: 1px solid #F7F7F7; color: #858585; } #Filters .filters_wrapper ul li a:hover, #Filters .filters_wrapper ul li.current-cat a { text-decoration: none; color: #fff; } #Filters .filters_wrapper ul li.close a { text-align: center; width: 38px; padding: 7px 0; background: #8B8B8B; border: 1px solid #F7F7F7 !important; color: #fff; } #Filters .filters_wrapper ul li.close a:hover { background: #545454; } /* Animations */ #Filters .filters_wrapper ul li a { -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; } /* #Owl-pagination ================================================== */ /* #NEXT / PREV NAVI ================================================== */ /* Section: Highlight ================================================== */ .highlight-left, .highlight-right { position:relative;} .highlight-left:after, .highlight-right:after { content:""; position:absolute; width:50%; height:100%; top:0; } .highlight-left:after { left:0; } .highlight-right:after { right:0; } .highlight-left .section_wrapper, .highlight-right .section_wrapper { z-index:2;} @media only screen and (max-width: 767px) { .highlight-left:after, .highlight-right:after { content:none;} } /* Section: Portfolio ================================================== */ .section.full-width .section_wrapper { width:100% !important;} .section.full-width .section_wrapper .column.one { width:100%; margin: 0 !important; } /* #Header ================================================== */ body:not(.template-slider) #Header_wrapper { background-repeat: no-repeat; background-position: top center;} body:not(.template-slider) #Header_wrapper.bg-fixed { background-attachment:fixed;} #Header_wrapper { position:relative; } #Header { position:relative;} body:not(.template-slider) #Header { min-height: 250px;} .header-transparent .header_placeholder, .header-empty .header_placeholder { height:0 !important;} /* Minimalist Header */ body.minimalist-header:not(.template-slider) #Header { min-height:0; background-image:none !important;} body.minimalist-header.header-modern:not(.template-slider) #Header { min-height:147px;} body.minimalist-header.header-simple:not(.template-slider) #Header { min-height:130px;} body.minimalist-header.header-stack:not(.template-slider) #Header { min-height:0;} body.minimalist-header.header-fixed:not(.template-slider) #Header { min-height:60px;} body.minimalist-header.header-below:not(.template-slider) #Header { min-height: 90px; padding-top: 0;} /* #Action bar ================================================== */ #Action_bar { position: absolute; left: 0; top: 0; width: 100%; z-index: 30; } #Action_bar .column { margin-bottom: 0; overflow: hidden; } #Action_bar .contact_details { float: left; } #Action_bar .contact_details li { display: inline-block; margin-right: 10px; padding: 20px 0; color: rgba(255, 255, 255, 0.5); } #Action_bar .contact_details li > i { margin-right: 2px; } #Action_bar .contact_details li:last-child { margin-right: 0px; } #Action_bar .social { float: right; padding: 20px 0; } #Action_bar .social li { display: inline-block; margin-right: 6px; } #Action_bar .social li:last-child { margin-right: 0px; } #Action_bar .social li a { color: rgba(255,255,255,.3); font-size: 15px; line-height: 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #Action_bar .social li a:hover { color: rgb(255,255,255); } #Action_bar .social-menu { float: right; padding: 20px 0; } #Action_bar .social-menu li { display: inline-block; margin-right: 6px; padding-right: 6px; border-right: 1px solid rgba(255,255,255,.1); } #Action_bar .social-menu li:last-child { margin-right: 0px; padding-right: 0; border-right: 0; } /* #Top_bar ================================================== */ #Top_bar { position: absolute; left: 0; top: 61px; width: 100%; z-index: 30; } #Top_bar .column { margin-bottom: 0; } .layout-full-width.header-fw #Action_bar .container, .layout-full-width.header-fw #Top_bar .container { width:100%;} #Top_bar .top_bar_left { position: relative; float: left; } #Top_bar .top_bar_right { float: right; height: 90px; position: relative; top: -4px; padding: 0 10px 0 20px; } #Top_bar .top_bar_right:before { content: ""; display: block; height: 90px; width: 10px; position: absolute; left: -10px; top: 2px; background-image: url(../images/top_bar_right_shadow.png); background-repeat: repeat-y; -moz-transform: skewX(0deg) skewY(-25deg); -webkit-transform: skewX(0deg) skewY(-25deg); -o-transform: skewX(0deg) skewY(-25deg); -ms-transform: skewX(0deg) skewY(-25deg); transform: skewX(0deg) skewY(-25deg); } .ie #Top_bar .top_bar_right:before { width: 11px; } /* Top bar width */ #Top_bar .top_bar_left { width: 990px; } /* Logo */ #Top_bar .logo { float: left; margin: 0 30px 0 20px;} #Top_bar .logo h1 { margin: 0;} #Top_bar .logo:not(.text-logo) h1 { line-height: 0; font-size: 0; margin: 0;} #Top_bar #logo { display: block; height: 60px; line-height: 60px; padding: 15px 0px; } /* overflow: hidden; */ #Top_bar #logo:hover { text-decoration: none; } #Top_bar #logo img { vertical-align:middle; max-height:100%;} #Top_bar #logo img.logo-sticky { display:none;} /* Menu wrapper */ #Top_bar .menu_wrapper { float: left; z-index: 201;} /* Secondary menu wrapper */ #Top_bar .secondary_menu_wrapper { display: none; } /* Menu responsive */ #Top_bar a.responsive-menu-toggle { display: none; } /* Banner */ #Top_bar .banner_wrapper { display: none; } /* #menu ================================================== */ /* main menu 1st level */ #Top_bar #menu { z-index: 201;} #Top_bar .menu { z-index: 202;} #Top_bar .menu > li { margin: 0; z-index: 203; display: block; float: left; } #Top_bar .menu > li:not(.mfn-megamenu-parent) { position: relative; } #Top_bar .menu > li.hover { z-index: 204; } #Top_bar .menu > li > a { display: block; line-height: 60px; padding: 15px 0; position: relative; } #Top_bar .page-menu > li > a { padding: 15px 20px; } /* default WP Pages Menu */ #Top_bar .menu > li > a:after { content: ""; height: 4px; width: 100%; position: absolute; left: 0; top: -4px; z-index: 203; opacity: 0; filter: alpha(opacity=0); } #Top_bar .menu > li > a span:not(.description) { display: block; line-height: 60px; padding: 0 20px; white-space: nowrap; border-right-width: 1px; border-style: solid; } #Top_bar .menu > li > a span.description { font-size:11px; line-height:12px !important; margin:-15px -15px 0; color:#aaa; font-weight:300; text-align:center; display:block;} #Top_bar .menu > li:last-child > a span { border: 0; } #Top_bar .menu > li > a:hover { text-decoration: none; } .menu-arrows #Top_bar .menu > li.submenu > a > span:not(.description) { padding-right:30px; } .menu-arrows #Top_bar .menu > li.submenu > a > span:not(.description):after { content:""; display:block; width:0; height:0; position:absolute; top:50%; right:10px; margin-top:-2px; border-top:5px solid #ccc; border-left:5px solid transparent; border-right:5px solid transparent; } .menu-highlight #Top_bar .menu > li.current-menu-item > a, .menu-highlight #Top_bar .menu > li.current_page_item > a, .menu-highlight #Top_bar .menu > li.current-menu-ancestor > a, .menu-highlight #Top_bar .menu > li.current_page_ancestor > a, .menu-highlight #Top_bar .menu > li.hover > a { color: #fff; } /* Animation */ #Top_bar .menu > li > a, #Top_bar .menu > li > a:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #Top_bar .menu > li.current-menu-item > a:after, #Top_bar .menu > li.current_page_item > a:after, #Top_bar .menu > li.current-menu-ancestor > a:after, #Top_bar .menu > li.current_page_ancestor > a:after, #Top_bar .menu > li.hover > a:after { opacity: 1; filter: alpha(opacity=100); } /* main menu 2nd level */ #Top_bar .menu li ul { position: absolute; left: 0px; top: 100%; z-index: 205; margin: 0; display: none; background-image: url(../images/box_shadow.png); background-repeat: repeat-x; background-position: left top; } #Top_bar .menu li > ul { box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.03); } #Top_bar .menu li ul li { padding: 0; width: 190px; position: relative; font-weight: normal; } #Top_bar .menu li ul li a { padding: 10px 10px 10px 20px; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } #Top_bar .menu li ul li a span { display: inline-block; position: relative; } #Top_bar .menu li ul li a .menu-arrow { position: absolute; right: 7px; top: 11px; font-size: 12px; color: rgba(0, 0, 0, 0.35); } #Top_bar .menu > li ul li a:hover, #Top_bar .menu > li ul li.hover > a { text-decoration: none; background: rgba(0,0,0,.06); } /* main menu 3rd level */ #Top_bar .menu li ul li ul { position: absolute; left: 190px; top: 0px; z-index: 204; } /* Animation */ #Top_bar .menu li ul li a { -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; } /* #secondary menu ================================================== */ #Header #menu-secondary-menu { z-index: 220; } #Header .secondary-menu { z-index: 221; } #Header .secondary-menu > li { margin: 0; z-index: 222; display: block; float: left; position: relative; padding: 8px 9px; line-height: 100%; -webkit-border-radius: 4px; border-radius: 4px; } #Header .secondary-menu > li.submenu { -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #Header .secondary-menu > li > a { display: block; } #Header .secondary-menu > li > a:hover { text-decoration: none; } #Header .secondary-menu li ul { position: absolute; left: 0px; padding: 7px; top: 100%; z-index: 223; margin: 0; display: none; -webkit-border-radius: 0px 4px 4px 4px; border-radius: 0 4px 4px 4px; } #Header .secondary-menu li ul li {} #Header .secondary-menu li ul li:last-child { border-bottom: 0; } #Header .secondary-menu li ul li a { display: block; text-align: center; white-space: nowrap; padding: 6px 8px; } #Header .secondary-menu li ul li a:hover { text-decoration: none; } #Header .secondary-menu > li > a { color: #A8A8A8; } #Header .secondary-menu > li.hover, #Header .secondary-menu li ul { background: #F9F9F9; } #Header .secondary-menu li ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } #Header .secondary-menu li ul li a { color: #8B8B8B; } #Header .secondary-menu li ul li a:hover { color: #5F5F5F; background: rgba(255, 255, 255, 0.8); } /* #Header styles ================================================== */ .header-fixed #Action_bar { display: none; } @media only screen and (min-width: 768px) { .header-fixed #Top_bar { position:fixed; width:100%; left:0; top: 0 !important; height:60px; z-index:701; background:#fff; opacity:.97; filter: alpha(opacity = 97); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); } .header-fixed #Top_bar .top_bar_left, .header-fixed #Top_bar .top_bar_right, .header-fixed #Top_bar .top_bar_right:before { background:none;} .header-fixed #Top_bar .top_bar_right { top:-4px;} .header-fixed #Top_bar .logo { width:auto; margin: 0 30px 0 20px; padding:0;} .header-fixed #Top_bar #logo { padding:5px 0; height:50px; line-height:50px;} .header-fixed #Top_bar #logo img { max-height:35px;} .header-fixed #Top_bar .menu_wrapper { clear:none;} .header-fixed #Top_bar .menu_wrapper .menu > li > a { padding:15px 0;} .header-fixed #Top_bar .menu > li > a, .header-fixed #Top_bar .menu > li > a span { line-height:30px;} .header-fixed #Top_bar .menu > li > a:after { top:auto; bottom:-4px;} .header-fixed #Top_bar .menu > li > a span.description { margin-top:-5px;} .header-fixed #Top_bar #header_cart { top:27px;} .header-fixed #Top_bar #search_button { top:25px;} .header-fixed #Top_bar .wpml-languages { top:15px;} .header-fixed #Top_bar .secondary_menu_wrapper { display:none;} .header-fixed #Top_bar .responsive-menu-toggle { top:12px;} } .header-below {} .header-below #Header .top_bar_left, .header-below #Header .top_bar_right { background-color: transparent; } .header-below #Top_bar { position: static; } .header-below #Top_bar .top_bar_right { top: 0; } .header-below #Top_bar .top_bar_right:before { display: none; } .header-below #Action_bar { display: none; } body.header-below:not(.template-slider) #Header { min-height: 90px; padding-top: 160px; } .header-below #Top_bar { background-color: #fff; } .header-classic {} .header-classic #Header .top_bar_left, .header-classic #Header .top_bar_right { background-color: transparent; } .header-classic #Top_bar { position: static; } .header-classic #Top_bar .top_bar_right { top: 0; } .header-classic #Top_bar .top_bar_right:before { display: none; } .header-classic #Action_bar { position: static; } .header-classic #Action_bar .contact_details li, .header-classic #Action_bar .social, .header-classic #Action_bar .social-menu { padding: 12px 0; } .header-classic #Action_bar { background-color: #2C2C2C; } .header-classic #Top_bar { background-color: #fff; } .header-split {} .header-split #Header .top_bar_left { width: 100% !important; } .header-split #Header .top_bar_left, .header-split #Header .top_bar_right { background-color: transparent; } .header-split #Header .top_bar_left .menu_wrapper { width: 100%; } .header-split #Header .top_bar_left .menu_left { float: left; width: 38%; text-align: center; } .header-split #Header .top_bar_left .menu_right { float: right; width: 38%; text-align: center; } .header-split #Header .top_bar_left .menu > li { display: inline-block; float: none; } .header-split #Header .top_bar_left .logo { width: 100%; margin: 0; text-align: center; } @media only screen and (min-width: 1240px) { .header-split #Header .top_bar_left .logo { position: absolute; left: 38%; width: 24%; } } .header-split #Top_bar .top_bar_right { position:absolute; top:0; right:-28px; padding:0; } .header-split #Top_bar a.action_button, .header-split #Top_bar a#header_cart, .header-split #Top_bar .wpml-languages { display: none; } .header-split #Top_bar .top_bar_right:before { display: none; } .header-split #Top_bar { position: static; background-color: #fff;} .header-split #Action_bar { position: static; background-color: #2C2C2C;} .header-split #Action_bar .contact_details li, .header-split #Action_bar .social, .header-split #Action_bar .social-menu { padding: 12px 0; } .header-stack {} .header-stack #Header .top_bar_left { width: 100% !important; } /**/ .header-stack #Header .top_bar_left, .header-stack #Header .top_bar_right { background-color: transparent; } .header-stack #Top_bar { position: static; } .header-stack #Top_bar .logo { width: 100%; margin: 0; padding: 0 30px; text-align: left; border-bottom-width: 1px; border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /**/ .header-stack.header-center #Top_bar .logo { text-align: center; } .header-stack.header-right #Top_bar .logo { text-align: right; } .header-stack #Top_bar .logo #logo { display: inline-block; height: auto; } /**/ .header-stack #Top_bar .menu_wrapper { clear: both; } /**/ .header-stack #Top_bar .menu_wrapper .menu > li > a { padding: 0; } /**/ .header-stack #Top_bar .menu > li > a span.description { margin-bottom:10px;} .header-stack #Top_bar .top_bar_right { position: absolute; right: 0; bottom: -16px; top: auto; } /**/ .header-stack #Top_bar .top_bar_right:before { display: none; } .header-stack #Top_bar .secondary_menu_wrapper { position: absolute; right: 20px; top: 35px; display: block; } /**/ .header-stack.header-right #Top_bar .secondary_menu_wrapper { left: 20px; right: auto; } /**/ .header-stack #Action_bar { position: static; } .header-stack #Action_bar .contact_details li, .header-stack #Action_bar .social, .header-stack #Action_bar .social-menu { padding: 12px 0; } body.header-stack:not(.template-slider) #Header { min-height: 315px; } .header-stack #Action_bar { background-color: #2C2C2C; } .header-stack #Top_bar { background-color: #fff; } .header-magazine #Top_bar .logo { border: 0; } .header-magazine #Top_bar .top_bar_right { display: none; } .header-magazine #Top_bar .secondary_menu_wrapper { display: none; } .header-magazine #Top_bar .banner_wrapper { display: block; position: absolute; right: 20px; top: 20px; width: 468px; height: 60px; text-align: right; } .header-magazine #Top_bar .banner_wrapper a { display: block; line-height: 0; } .header-magazine #Top_bar .banner_wrapper img { display: inline-block; max-width: 100%; height: auto; max-height: 60px; } .header-simple {} .header-simple #Action_bar { display: none; } .header-simple #Top_bar .top_bar_left { width:100% !important; background:none;} .header-simple #Top_bar:not(.is-sticky) .top_bar_left { top:-40px;} .header-simple #Top_bar .top_bar_right, .header-simple #Top_bar .top_bar_right:before { display: none; } .header-simple #Top_bar .menu > li > a span.description { margin:0 0 0 5px;} .header-empty #Header { position:static; min-height:0 !important;} .header-empty #Subheader { display:none;} .header-empty #Content { padding:0 !important;} .header-transparent #Top_bar .top_bar_left, .header-transparent #Top_bar .top_bar_right, .header-transparent #Top_bar .top_bar_right:before { background:none;} .header-transparent #Top_bar .top_bar_right { top:-15px;} .header-transparent #Top_bar #logo { padding:0;} .header-transparent #Top_bar a.responsive-menu-toggle { top:10px;} .header-transparent #Top_bar .menu > li > a { padding:0;} .header-transparent #Top_bar .menu > li > a:after { background:none;} .header-transparent #Top_bar .menu > li > a span { border-color: rgba(0, 0, 0, 0.03);} .header-transparent #Top_bar .menu li > ul:not(.mfn-megamenu-bg) { background-image:none;} .header-overlay .top_bar_right { display:none;} .header-overlay #Top_bar.is-sticky { display:none;} .header-overlay .overlay-menu-toggle { position:absolute; right:30px; top:30px; font-size:30px; z-index:9911;} .header-overlay .overlay-menu-toggle.focus { color:#fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .header-overlay .overlay-menu-toggle .close { display:none;} .header-overlay .overlay-menu-toggle.focus .open { display:none;} .header-overlay .overlay-menu-toggle.focus .close { display:block;} .header-overlay.sticky-header .overlay-menu-toggle { position:fixed; margin-right:10px;} /* #Overlay Menu ================================================== */ #Overlay { position:fixed; top:0; left:0; width:100%; height:100%; z-index:9910; background:rgba(41,145,214,.95); display:none;} #overlay-menu { position:absolute; width:700px; left:50%; margin-left:-350px; top:50%; margin-top:-150px;} #overlay-menu ul li { text-align:center;} #overlay-menu ul li a { color:#fff; font-size:34px; line-height:52px; letter-spacing:3px; text-decoration:none;} #overlay-menu ul li a:hover { opacity: .8;} #overlay-menu ul li a:before, #overlay-menu ul li a:after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } #overlay-menu ul li a:before {margin-right: 20px; content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); } #overlay-menu ul li a:after { margin-left: 20px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); } #overlay-menu ul li a:hover:before, #overlay-menu ul li a:hover:after, #overlay-menu ul li a:hover:before, #overlay-menu ul li a:hover:after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } /* #Subheader ================================================== */ #Subheader { background-color: rgba(0,0,0, .02); background-position: center top; background-repeat:no-repeat; padding: 30px 0; position: relative; } .subheader-transparent #Subheader { background:none; } .hide-title-area #Subheader { display:none;} #Subheader .column { margin-bottom: 0; } #Subheader .title { margin-bottom: 0; width: 70%; float: left; } #Subheader ul.breadcrumbs { display: block; width: 30%; margin: 1px 0 0; font-size: 1em !important; float: right; text-align: right; } #Subheader ul.breadcrumbs li { display: inline-block; } #Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a { color: rgba(0, 0, 0, .3); } #Subheader ul.breadcrumbs li span { margin: 0 10px; opacity: 0.4; filter: alpha(opacity=40); } #Subheader:after { content: ""; height: 3px; width: 100%; display: block; position: absolute; left: 0; bottom: -3px; z-index: 1; background: url(../images/box_shadow.png) repeat-x left top; } #Subheader ul.woocommerce-breadcrumb li:last-child span { display: none; } /* subheader-style */ .subheader-title-right #Subheader .title { float: right; text-align:right;} .subheader-title-right #Subheader .breadcrumbs { float: left; text-align:left;} .subheader-both-left #Subheader .title { width:100%;} .subheader-both-left #Subheader .breadcrumbs { width:100%; text-align:left; margin-top:10px;} .subheader-both-right #Subheader .title { width:100%; text-align:right;} .subheader-both-right #Subheader .breadcrumbs { width:100%; text-align:right; margin-top:10px;} .subheader-both-center #Subheader .title { width:100%; text-align:center;} .subheader-both-center #Subheader .breadcrumbs { width:100%; text-align:center; margin-top:10px;} /* #Footer ================================================== */ #Footer { background-position: center top; background-repeat:no-repeat;} #Footer .footer_action { background: rgba(0,0,0,.1); } #Footer .footer_action .one { margin-bottom: 30px; padding-top: 30px; text-align: center; font-size: 110%; line-height: 180%; } #Footer .widgets_wrapper { padding: 15px 0; } #Footer .widgets_wrapper .column { margin-bottom: 0; } #Footer .widgets_wrapper .widget { padding: 15px 0; margin-bottom: 0; } #Footer .widgets_wrapper .widget:after { display: none; } #Footer .footer_copy { border-top: 1px solid rgba(255,255,255,.1); } #Footer .footer_copy .one { margin-bottom: 20px; padding-top: 30px; } #Footer .footer_copy .copyright { float: left; } #Footer .footer_copy a#back_to_top { float: right; margin: -10px 0 0 0; } #Footer .footer_copy .social { float: right; margin-right: 20px; } #Footer .footer_copy .social li { display: inline-block; margin-right: 6px; } #Footer .footer_copy .social li:last-child { margin-right: 0px; } #Footer .footer_copy .social li a { color: rgba(255,255,255,.3); font-size: 15px; line-height: 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #Footer .footer_copy .social li a:hover { color: rgb(255,255,255); } #Footer .footer_copy .social-menu { float: right; margin-right: 20px; } #Footer .footer_copy .social-menu li { display: inline-block; margin-right: 6px; padding-right: 6px; border-right: 1px solid rgba(255,255,255,.1); } #Footer .footer_copy .social-menu li:last-child { margin-right: 0px; padding-right: 0px; border-right: 0px; } /* .footer-copy-center */ .footer-copy-center #Footer .footer_copy { text-align: center; } .footer-copy-center #Footer .footer_copy .copyright { float: none; margin: 0 0 10px 0; } .footer-copy-center #Footer .footer_copy a#back_to_top { float: none; margin: -10px 0 10px; } .footer-copy-center #Footer .footer_copy .social { float: none; margin: 0; } .footer-copy-center #Footer .footer_copy .social-menu { float: none; margin: 0; } /* Widgets */ #Footer .Recent_posts ul li .desc { background: rgba(0,0,0,.1); } #Footer .widget_mfn_menu ul li a { background: rgba(0,0,0,.1); color: #ccc; } #Footer .widget_recent_entries ul li { background: rgba(0,0,0,.1); } #Footer ul.list_mixed li:after, #Footer ul.list_check li:after, #Footer ul.list_star li:after, #Footer ul.list_idea li:after { background: rgba(255,255,255,.08); } #Footer .widget_mfn_recent_comments ul li .date_label { background-color: rgba(0,0,0,.07); } #Footer .widget_mfn_recent_comments ul li .date_label:after { border-left-color: rgba(0,0,0,.07); } /* .footer-sliding ================================================== */ .footer-fixed #Header_wrapper, .footer-sliding #Header_wrapper { z-index: 29; } .footer-fixed #Content, .footer-sliding #Content { position:relative; z-index: 2; } .footer-fixed #Footer, .footer-sliding #Footer { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 1; } .footer-fixed #Footer { z-index: 3; } /* #Error_404 ================================================== */ body.error404 { height: 100%; } body.error404.custom-404, body.error404.events-archive { height: auto; } body.error404:not(.events-archive) #Content { padding:0 !important;} #Error_404 { overflow: hidden; position: absolute; top: 50%; margin-top: -150px; left: 30px; } #Error_404 .error_pic { width: 30%; float: left; text-align: center; } #Error_404 .error_pic i { font-size: 250px; line-height: 250px; } #Error_404 .error_desk { width: 70%; float: left; padding-top: 40px; } #Error_404 .error_desk h2 { font-size: 45px; line-height: 45px; color: rgba(0, 0, 0, .7); } #Error_404 .error_desk h4 { font-size: 26px; line-height: 30px; color: rgba(0, 0, 0, .7); } #Error_404 .error_desk p .check { line-height: 45px; font-size: 16px; color: rgba(0, 0, 0, .5); } #Error_404 .error_desk p em { font-style: italic; font-size: 17px; font-family: Georgia, serif; padding: 0 15px; } #Error_404 .error_desk p .button { margin: 0; display: inline; margin-left: 20px; } /* #Contact form ================================================== */ .wpcf7-form .column { margin-bottom: 10px; } .wpcf7-not-valid-tip { position: absolute !important; left: -50px !important; top: 0 !important; width: 50px !important; height: 44px !important; padding: 0 !important; background: url("../images/contact_form_error.png") !important; overflow: hidden; text-indent: -9999px !important; padding: 0; border: none !important; } .wpcf7-validation-errors { border: 0; display: none !important; } .wpcf7-mail-sent-ok { border: none !important; margin: 25px 0 0 0 !important; padding: 7px 0 !important; background: #7DCC68 !important; color: #fff; font-size: 14px; text-align: center; float:left; width:100%;} .wpcf7-captchar { margin-bottom: 0; } span.wpcf7-form-control-wrap { width: 100%; position: relative !important; display: inline-block; margin-bottom: 3px; } span.wpcf7-form-control-wrap .wpcf7-quiz, span.wpcf7-form-control-wrap .wpcf7-select, span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; } .wpcf7-submit { margin-bottom: 0 !important; } #popup_contact { position: fixed; right: 20px; bottom: 15px; z-index: 9001; } .nice-scroll #popup_contact { right: 30px;} #popup_contact > a.button { width: 45px; height: 45px; line-height: 45px; font-size: 20px; margin:0; text-align: center; color:rgba(0,0,0,.5); background:#f7f7f7;} #popup_contact > a.button:hover { text-decoration: none; } #popup_contact .popup_contact_wrapper { width: 250px; padding: 20px; background: #fbfbfb; position: absolute; bottom: 65px; right: 0; display: none; } #popup_contact.focus .popup_contact_wrapper { display: block; } #popup_contact .popup_contact_wrapper span.arrow { position: absolute; right: 15px; bottom: -8px; margin: 0 auto; width: 0px; height: 0px; display: block; border-top: 8px solid #fbfbfb; border-right: 8px solid transparent; border-left: 8px solid transparent; } #popup_contact .popup_contact_wrapper form {} #popup_contact .popup_contact_wrapper form input[type="text"], #popup_contact .popup_contact_wrapper form input[type="email"], #popup_contact .popup_contact_wrapper form textarea { background: #fff; margin-bottom: 10px; } #popup_contact .popup_contact_wrapper form textarea { resize:vertical; min-height: 100px; } #popup_contact .popup_contact_wrapper form input[type="submit"] { margin: 0; float: right; } #popup_contact .wpcf7-form.invalid > p:after { display: block; } #popup_contact .wpcf7-form-control-wrap { display: inline-block; margin-right: 0; width: 100%; } #popup_contact div.wpcf7 img.ajax-loader { margin-top: 10px; } /* #Preloader ================================================== */ .portfolio_slider_ul, ul.testimonials-slider { background: url("../images/preloader.gif") no-repeat center center; } .portfolio_slider_ul li, ul.testimonials-slider > * { visibility: hidden; } ul.testimonials-slider { max-height: 260px; } .caroufredsel_wrapper .portfolio_slider_ul, ul.owl-carousel { background: none; max-height: none; } .caroufredsel_wrapper .portfolio_slider_ul li, ul.owl-carousel > * { visibility: visible; } /* Visual Composer | Frontend Editor ================================================== */ .wpb_wrapper > div { margin-bottom:35px;} .wpb_wrapper.ui-sortable .vc_call_to_action { background:none; border:none; padding:0;} body.layout-boxed .vc_row[data-vc-stretch-content="true"] { left:0 !important; width:auto !important; margin-left: -2.7%; margin-right: -2.7%;} body.layout-boxed .vc_row-no-padding .wpb_column { padding:0;} .vc_images_carousel { width: auto !important;} /* |-------------------------------------------------------------------------- | 3.0 Responsive-1240 | |-------------------------------------------------------------------------- | | | */ html, body { overflow-x: hidden;} /* > 1240 ===================================================================================================== */ @media only screen and (min-width: 1240px) { body:not(.header-simple) #Top_bar #menu { display:block !important; } /* main menu 2nd level - MegaMenu */ #Top_bar .menu > li > ul.mfn-megamenu { width:984px; } #Top_bar .menu > li > ul.mfn-megamenu > li { float:left;} #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-1 { width:100%;} #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-2 { width:50%;} #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-3 { width:33.33%;} #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-4 { width:25%;} #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-5 { width:20%;} #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-6 { width:16.66%;} #Top_bar .menu > li > ul.mfn-megamenu > li > ul { display:block !important; position:inherit; left:auto; top:auto; border-width: 0 1px 0 0; } #Top_bar .menu > li > ul.mfn-megamenu > li:last-child > ul{ border: 0; } #Top_bar .menu > li > ul.mfn-megamenu > li > ul li { width: auto; } #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title { text-transform: uppercase; font-weight:400;} #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title:hover { background:none;} #Top_bar .menu > li > ul.mfn-megamenu a .menu-arrow { display: none; } /* MegaMenu with Background */ #Top_bar .menu > li > ul.mfn-megamenu-bg { padding:20px 166px 20px 20px; background-repeat:no-repeat; background-position: bottom right; } #Top_bar .menu > li > ul.mfn-megamenu-bg > li { background:none;} #Top_bar .menu > li > ul.mfn-megamenu-bg > li a { border:none;} #Top_bar .menu > li > ul.mfn-megamenu-bg > li > ul { background:none !important; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; } /* #Header.is-sticky */ #Top_bar.is-sticky { position:fixed; width:100%; left:0; top:-60px; height:60px; z-index:701; background:#fff; opacity:.97; filter: alpha(opacity = 97); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); } .layout-boxed.header-boxed #Top_bar.is-sticky { width:1240px; left:50%; margin-left:-620px;} #Top_bar.is-sticky .top_bar_left, #Top_bar.is-sticky .top_bar_right, #Top_bar.is-sticky .top_bar_right:before { background:none;} #Top_bar.is-sticky .top_bar_right { top:-4px;} #Top_bar.is-sticky .logo { width:auto; margin: 0 30px 0 20px; padding:0;} #Top_bar.is-sticky #logo { padding:5px 0; height:50px; line-height:50px;} #Top_bar.is-sticky #logo img { max-height:35px; width: auto !important;} #Top_bar.is-sticky #logo img.logo-main { display:none;} #Top_bar.is-sticky #logo img.logo-sticky { display:inline;} #Top_bar.is-sticky .menu_wrapper { clear:none;} #Top_bar.is-sticky .menu_wrapper .menu > li > a { padding:15px 0;} #Top_bar.is-sticky .menu > li > a, #Top_bar.is-sticky .menu > li > a span { line-height:30px;} #Top_bar.is-sticky .menu > li > a:after { top:auto; bottom:-4px;} #Top_bar.is-sticky .menu > li > a span.description { display:none;} #Top_bar.is-sticky #header_cart { top:27px;} #Top_bar.is-sticky #search_button { top:25px;} #Top_bar.is-sticky a.button.action_button { top:13px;} #Top_bar.is-sticky .wpml-languages { top:15px;} #Top_bar.is-sticky .secondary_menu_wrapper, #Top_bar.is-sticky .banner_wrapper { display:none;} .header-simple #Top_bar.is-sticky .responsive-menu-toggle { top:12px;} /* Sticky dark */ .sticky-dark #Top_bar.is-sticky { background: rgba(0,0,0,.8); } .sticky-dark #Top_bar.is-sticky .menu > li > a { color: #fff; } .sticky-dark #Top_bar.is-sticky .top_bar_right a { color: rgba(255,255,255,.5); } .sticky-dark #Top_bar.is-sticky .wpml-languages a.active, .sticky-dark #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown { background: rgba(0,0,0,0.3); border-color: rgba(0, 0, 0, 0.1); } /* .header-simple | Mobile Menu */ .header-simple #Top_bar #menu { display:none; height: auto; width: 300px; bottom: auto; top: 60px; right: 1px; position: absolute; margin: 0px; background:#fff;} .header-simple #Header a.responsive-menu-toggle { display:block; width: 35px; height: 35px; line-height: 35px; font-size: 25px; text-align: center; position:absolute; top: 28px; right: 10px; -webkit-border-radius: 3px; border-radius: 3px; } .header-simple #Header a:hover.responsive-menu-toggle { text-decoration: none; } /* main menu 1st level */ .header-simple #Top_bar #menu > ul { width:100%; float: left; } .header-simple #Top_bar #menu ul li { width: 100%; padding-bottom: 0; border-right: 0; position: relative; } .header-simple #Top_bar #menu ul li a { padding:0 20px; margin:0; display: block; height: auto; line-height: normal; border:none; } .header-simple #Top_bar #menu ul li a:after { display:none;} .header-simple #Top_bar #menu ul li a span { border:none; line-height:48px; display:inline; padding:0;} .header-simple #Top_bar #menu ul li.submenu .menu-toggle { width:48px; height:48px; display:block; position:absolute; right:0; top:0; border-left:1px solid rgba(0,0,0,0.03); background:url(../images/menu-plus.png) center no-repeat;} .header-simple #Top_bar #menu ul li.hover > .menu-toggle { background: none !important;} .header-simple #Top_bar #menu ul li.hover a { border-bottom: 0; } .header-simple #Top_bar #menu ul.mfn-megamenu li .menu-toggle { display:none;} /* main menu 2nd level */ .header-simple #Top_bar #menu ul li ul { position:relative !important; left:0 !important; top:0; padding: 0; margin-left: 0 !important; width:auto !important; background-image:none;} .header-simple #Top_bar #menu ul li ul li { width:100% !important;} .header-simple #Top_bar #menu ul li ul li a { padding: 0 20px 0 30px;} .header-simple #Top_bar #menu ul li ul li a .menu-arrow { display: none;} .header-simple #Top_bar #menu ul li ul li a span { padding:0;} .header-simple #Top_bar #menu ul li ul li a span:after { display:none !important;} .header-simple #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title { text-transform: uppercase; font-weight:400;} .header-simple #Top_bar .menu > li > ul.mfn-megamenu > li > ul { display:block !important; position:inherit; left:auto; top:auto;} /* main menu 3rd level */ .header-simple #Top_bar #menu ul li ul li ul { border-left: 0 !important; padding: 0; top: 0; } .header-simple #Top_bar #menu ul li ul li ul li a { padding: 0 20px 0 40px;} /* RTL */ .rtl.header-simple #Top_bar #menu { left: 1px; right: auto; } .rtl.header-simple #Top_bar a.responsive-menu-toggle { left:10px; right:auto; } .rtl.header-simple #Top_bar #menu ul li.submenu .menu-toggle { left:0; right:auto; border-left:none; border-right:1px solid rgba(0,0,0,0.03);} .rtl.header-simple #Top_bar #menu ul li ul { left:auto !important; right:0 !important;} .rtl.header-simple #Top_bar #menu ul li ul li a { padding: 0 30px 0 20px;} .rtl.header-simple #Top_bar #menu ul li ul li ul li a { padding: 0 40px 0 20px;} /* Header Creative */ body.header-creative { padding-left:50px;} body.header-creative.header-open { padding-left:250px;} body.error404, body.under-construction, body.template-blank { padding-left:0 !important;} #Header_creative { background: #fff; } #Header_creative { position: fixed; width: 250px; height: 100%; left: -200px; top: 0; z-index: 1001; -webkit-box-shadow: 2px 0 4px 2px rgba(0,0,0,.15); box-shadow: 2px 0 4px 2px rgba(0,0,0,.15); } #Header_creative .container { width: 100%; } #Header_creative .creative-wrapper { display: none; } #Header_creative a.creative-menu-toggle { display:block; width: 35px; height: 35px; line-height: 35px; font-size: 25px; text-align: center; position:absolute; top: 10px; right: 8px; -webkit-border-radius: 3px; border-radius: 3px; } .admin-bar #Header_creative a.creative-menu-toggle { top: 42px; } #Header_creative #Top_bar { position: static; } #Header_creative #Top_bar { width: 100%; } #Header_creative #Top_bar .top_bar_left { width: 100% !important; float: none; } #Header_creative #Top_bar .top_bar_right { width: 100% !important; float: none; height:auto; margin-bottom:35px; text-align: center; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Header_creative #Top_bar .top_bar_right:before { display: none; } #Header_creative #Top_bar .logo { float: none; text-align: center; margin: 15px 0; } #Header_creative #Top_bar .menu_wrapper { float: none; margin: 0 0 40px; } #Header_creative #Top_bar .menu > li { width: 100%; float: none; position: relative; } #Header_creative #Top_bar .menu > li > a { padding: 0; text-align: center; } #Header_creative #Top_bar .menu > li > a:after { display: none; } #Header_creative #Top_bar .menu > li > a span { border-right: 0; border-bottom-width: 1px; line-height:38px; } #Header_creative #Top_bar .menu li ul { left: 100%; right:auto; top: 0; } #Header_creative #Top_bar .menu > li > ul.mfn-megamenu { width: 700px !important; } #Header_creative #Top_bar .menu > li > ul.mfn-megamenu > li > ul { left: 0; } #Header_creative #Top_bar .menu li ul li a { padding-top:9px; padding-bottom:8px; } #Header_creative #Top_bar .menu li ul li ul { top: 0 !important; } #Header_creative #Top_bar .menu > li > a span.description { display:block; font-size:13px; line-height:28px !important; clear:both;} #Header_creative #Top_bar .search_wrapper { left: 100%; top: auto; bottom: -90px; } #Header_creative #Top_bar a#header_cart { display: inline-block; float: none; top: 3px; } #Header_creative #Top_bar a#search_button { display: inline-block; float: none; top: 3px; } #Header_creative #Top_bar a.button.action_button { display: inline-block; float: none; top: 0; margin-bottom: 0; margin-top: 10px; } #Header_creative #Top_bar .wpml-languages { display: inline-block; float: none; top: 0; } #Header_creative #Top_bar .wpml-languages.enabled:hover a.active { padding-bottom: 9px; } #Header_creative #Top_bar .banner_wrapper { display:block; text-align:center;} #Header_creative #Top_bar .banner_wrapper img { max-width:100%; height:auto; display:inline-block;} #Header_creative #Action_bar { position: absolute; bottom: 0; top: auto; clear: both; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Header_creative #Action_bar .social { float: none; text-align: center; } #Header_creative #Action_bar .social li { margin-bottom: 2px; } #Header_creative .social li a { color: rgba(0,0,0,.5); } #Header_creative .social li a:hover { color: rgb(0,0,0); } #Header_creative .creative-social { position: absolute; bottom: 10px; right: 0; width: 50px; } #Header_creative .creative-social li { display: block; float: none; width: 100%; text-align: center; margin-bottom: 5px; } .menuo-right #Top_bar .menu_wrapper { float: right;} .menuo-right.header-stack #Top_bar .menu_wrapper { margin-right:150px;} .header-creative .fixed-nav.fixed-nav-prev { margin-left:50px;} .header-creative.header-open .fixed-nav.fixed-nav-prev { margin-left:250px;} /* Always Open */ .header-open #Header_creative { left:0;} .header-open #Header_creative .creative-wrapper { display:block;} .header-open #Header_creative .creative-menu-toggle, .header-open #Header_creative .creative-social { display:none;} /* Visual Composer */ .header-creative .vc_row[data-vc-full-width] { padding-left: 50px;} .header-creative.header-open .vc_row[data-vc-full-width] { padding-left: 250px;} /* Menu highlight */ .menu-highlight #Top_bar .menu > li { margin: 0 2px; } .menu-highlight:not(.header-creative) #Top_bar .menu > li > a { margin: 20px 0; padding: 0; -webkit-border-radius: 5px; border-radius: 5px; } .menu-highlight #Top_bar .menu > li > a:after { display: none; } .menu-highlight #Top_bar .menu > li > a span:not(.description) { line-height: 50px; } .menu-highlight #Top_bar .menu > li > a span.description { display: none; } .menu-highlight.header-stack #Top_bar .menu > li > a { margin: 10px 0; } .menu-highlight.header-stack #Top_bar .menu > li > a span:not(.description) { line-height: 40px; } .menu-highlight.header-fixed #Top_bar .menu > li > a { margin: 10px 0; padding: 5px 0; } .menu-highlight.header-fixed #Top_bar .menu > li > a span { line-height:30px;} .menu-highlight.header-transparent #Top_bar .menu > li > a { margin: 5px 0; } .menu-highlight.header-simple #Top_bar #menu ul li, .menu-highlight.header-creative #Top_bar #menu ul li { margin: 0; } .menu-highlight.header-simple #Top_bar #menu ul li > a, .menu-highlight.header-creative #Top_bar #menu ul li > a { -webkit-border-radius: 0; border-radius: 0; } .menu-highlight:not(.header-simple) #Top_bar.is-sticky .menu > li > a { margin: 10px 0 !important; padding: 5px 0 !important; } .menu-highlight:not(.header-simple) #Top_bar.is-sticky .menu > li > a span { line-height:30px !important;} /* Menu line below */ .menu-line-below #Top_bar .menu > li > a:after { top: auto; bottom: -4px; } .menu-line-below #Top_bar.is-sticky .menu > li > a:after { top: auto; bottom: -4px; } /* Menu line below */ .menu-line-below-80 #Top_bar:not(.is-sticky) .menu > li > a:after { height: 4px; left: 10%; top: 50%; margin-top: 20px; width: 80%; } /* Menu line below */ .menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu > li > a:after { height: 1px; left: 10%; top: 50%; margin-top: 20px; width: 80%; } /* Menu arrow top */ .menu-arrow-top #Top_bar .menu > li > a:after { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border-color: #cccccc transparent transparent transparent; border-style: solid; border-width: 7px 7px 0 7px; display: block; height: 0; left: 50%; margin-left: -7px; top: 0 !important; width: 0; } .menu-arrow-top.header-transparent #Top_bar .menu > li > a:after, .menu-arrow-top.header-plain #Top_bar .menu > li > a:after { display: none; } .menu-arrow-top #Top_bar.is-sticky .menu > li > a:after { top: 0px !important; } /* Menu arrow bottom */ .menu-arrow-bottom #Top_bar .menu > li > a:after { background: none !important; border-color: transparent transparent #cccccc transparent; border-style: solid; border-width: 0 7px 7px; display: block; height: 0; left: 50%; margin-left: -7px; top: auto; bottom: 0; width: 0; } .menu-arrow-bottom.header-transparent #Top_bar .menu > li > a:after, .menu-arrow-bottom.header-plain #Top_bar .menu > li > a:after { display: none; } .menu-arrow-bottom #Top_bar.is-sticky .menu > li > a:after { top: auto; bottom: 0; } /* Header | Plain */ .header-plain:not(.menuo-right) #Header .top_bar_left { width:auto !important;} .header-plain.menuo-right #Header .top_bar_left.loading { display:none;} /* menu no borders */ .menuo-no-borders #Top_bar .menu > li > a span:not(.description) { border-right-width: 0; } .menuo-no-borders #Header_creative #Top_bar .menu > li > a span { border-bottom-width: 0; } } /* < 1240 ===================================================================================================== */ @media only screen and (max-width: 1239px) { /* Header */ #Top_bar #menu { display:none; height: auto; width: 300px; bottom: auto; top: 100%; right: 1px; position: absolute; margin: 0px; background:#fff;} #Top_bar a.responsive-menu-toggle { display:block; width: 35px; height: 35px; text-align: center; position:absolute; top: 28px; right: 10px; -webkit-border-radius: 3px; border-radius: 3px; } #Top_bar a:hover.responsive-menu-toggle { text-decoration: none; } #Top_bar a.responsive-menu-toggle i { font-size: 25px; line-height: 35px;} #Top_bar a.responsive-menu-toggle span { float:right; padding:10px 5px; line-height:14px;} /* main menu 1st level */ #Top_bar #menu > ul { width:100%; float: left; } #Top_bar #menu ul li { width: 100%; padding-bottom: 0; border-right: 0; position: relative; } #Top_bar #menu ul li a { padding:0 20px; margin:0; display: block; height: auto; line-height: normal; border:none; } #Top_bar #menu ul li a:after { display:none;} #Top_bar #menu ul li a span { border:none; line-height:48px; display:inline; padding:0;} #Top_bar #menu ul li a span.description { margin:0 0 0 5px;} #Top_bar #menu ul li.submenu .menu-toggle { width:48px; height:48px; display:block; position:absolute; right:0; top:0; border-left:1px solid rgba(0,0,0,0.03); background:url(../images/menu-plus.png) center no-repeat;} #Top_bar #menu ul li.hover > .menu-toggle { background: none !important;} #Top_bar #menu ul li.hover a { border-bottom: 0; } #Top_bar #menu ul li a span:after { display:none !important;} #Top_bar #menu ul.mfn-megamenu li .menu-toggle { display:none;} /* main menu 2nd level */ #Top_bar #menu ul li ul { position:relative !important; left:0 !important; top:0; padding: 0; margin-left: 0 !important; width:auto !important; background-image:none !important;} #Top_bar #menu ul li ul li { width:100% !important;} #Top_bar #menu ul li ul li a { padding: 0 20px 0 30px;} #Top_bar #menu ul li ul li a .menu-arrow { display: none;} #Top_bar #menu ul li ul li a span { padding:0;} #Top_bar #menu ul li ul li a span:after { display:none !important;} #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title { text-transform: uppercase; font-weight:400;} #Top_bar .menu > li > ul.mfn-megamenu > li > ul { display:block !important; position:inherit; left:auto; top:auto;} /* main menu 3rd level */ #Top_bar #menu ul li ul li ul { border-left: 0 !important; padding: 0; top: 0; } #Top_bar #menu ul li ul li ul li a { padding: 0 20px 0 40px;} /* RTL */ .rtl #Top_bar #menu { left: 1px; right: auto; } .rtl #Top_bar a.responsive-menu-toggle { left:10px; right:auto; } .rtl #Top_bar #menu ul li.submenu .menu-toggle { left:0; right:auto; border-left:none; border-right:1px solid rgba(0,0,0,0.03);} .rtl #Top_bar #menu ul li ul { left:auto !important; right:0 !important;} .rtl #Top_bar #menu ul li ul li a { padding: 0 30px 0 20px;} .rtl #Top_bar #menu ul li ul li ul li a { padding: 0 40px 0 20px;} /* Header Creative */ .header-creative #Wrapper { padding-top:60px;} #Header_creative { position: fixed; width: 100%; left: 0px !important; z-index: 1001; } #Header_creative .creative-wrapper { display: block !important; opacity: 1 !important; filter: alpha(opacity=100) !important; } #Header_creative .creative-menu-toggle, #Header_creative .creative-social { display: none !important; opacity: 1 !important; filter: alpha(opacity=100) !important; } #Header_creative #Top_bar { position: static; margin: 0 8%; width: 84%; } #Header_creative #Top_bar #logo { height: 50px; line-height: 50px; padding: 5px 0; } #Header_creative #Top_bar #logo img { max-height: 40px; } #Header_creative #Top_bar .responsive-menu-toggle { top: 12px; } #Header_creative #Top_bar #header_cart { top: 21px; } #Header_creative #Top_bar #search_button { top: 20px; } #Header_creative #Top_bar .wpml-languages { top: 11px; } #Header_creative #Top_bar .action_button { top: 9px; } #Header_creative #Top_bar .top_bar_right { height: 60px; top: 0; } #Header_creative #Top_bar .top_bar_right:before { display: none; } #Header_creative #Action_bar { display: none; } .header_placeholder { height: 0 !important;} /* Stack header */ .header-stack #Top_bar {} .header-stack .menu_wrapper a.responsive-menu-toggle { position: static !important; margin: 11px 0; } .header-stack .menu_wrapper #menu { left: 0; right: auto; } .rtl.header-stack #Top_bar #menu { left: auto; right: 0; } /* Responsive | Hover Effect */ .no-hover-tablet a.button:after, .no-hover-tablet a.tp-button:after, .no-hover-tablet button:after, .no-hover-tablet input:after { display:none;} .no-hover-tablet .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: 0 !important; } .no-hover-tablet .image_frame .image_wrapper img { top: 0 !important; } .no-hover-tablet .image_frame .image_wrapper .mask, .no-hover-tablet .image_frame .image_wrapper .image_links { display:none !important;} .no-hover-tablet .Recent_posts ul li .desc:after { display:none;} .no-hover-tablet .Recent_posts ul li a:hover h6, .no-hover-tablet .Recent_posts ul li a:hover .desc .date { color: inherit !important; } /* Responsive | Section Background Image */ .no-section-bg-tablet .section { background-image:none !important;} /* Portfolio masonry hover */ .with_aside .portfolio_group.masonry-hover .portfolio-item:not(.no-thumbnail) .masonry-hover-wrapper .hover-desc .desc-inner .desc-wrappper { display: none; } } /* #Desktop 960 - 1239 ====================================================================================================== */ @media only screen and (min-width: 960px) and (max-width: 1239px) { body { min-width:0; } #Wrapper { width: 960px; } .section_wrapper, .container, .with_aside .content_wrapper { width: 940px; } /* ======================================================= */ /* Top bar width */ #Top_bar .top_bar_left { width: 729px; } /* Google maps */ .column_map .google-map-contact-wrapper { width: 921px; margin-left: -460px; } /* Zoom Box */ .zoom_box .desc .desc_txt { font-size:22px; line-height:26px;} } /* #Header Creative always Open 1240 - 1489 ====================================================================================================== */ @media only screen and (min-width: 1240px) and (max-width: 1489px) { body.header-open { min-width:0; } .header-open #Wrapper { width: 960px; } .header-open .section_wrapper, .header-open .container, .header-open.with_aside .content_wrapper { width: 940px; } .header-open.with_aside .section_wrapper { width:100%; } /* ======================================================= */ /* Google maps */ .header-open .column_map .google-map-contact-wrapper { width: 921px; margin-left: -460px; } } /* |-------------------------------------------------------------------------- | 4.0 Responsive | |-------------------------------------------------------------------------- | | | */ body { overflow-x: hidden; } /* #Tablet (Landscape) > 960 ===================================================================================================== */ @media only screen and (min-width: 960px) { .hide-desktop { display:none !important;} } /* #Tablet (Landscape) 768 - 959 ===================================================================================================== */ @media only screen and (min-width: 768px) and (max-width: 959px) { body { min-width:0; } #Wrapper { width: 728px; } .section_wrapper, .container, .with_aside .content_wrapper { width: 708px; } /* ======================================================= */ /* Header magazine */ .header-magazine #Top_bar .banner_wrapper { width: 300px; top: 27px; } .hide-tablet { display:none !important;} a.kill_the_icon .button_icon { display: none; } /* Top bar width */ #Top_bar .top_bar_left { width: 501px; } /* .footer-sliding */ .footer-fixed #Content, .footer-sliding #Content { margin-bottom: 0 !important; } .footer-fixed #Footer, .footer-sliding #Footer { position: static;} /* Subheader */ #Subheader .title { width: 100%; } #Subheader ul.breadcrumbs { display: none; } /* Blog */ .with_aside .classic .post-meta .author-date .author span { display: none; } .with_aside .classic .post-meta .category { display: none; } /* Masonry */ .masonry .post-item { width: 47.9%; } /* Timeline */ .timeline .post-photo-wrapper { width: 100%; float: none; } .timeline .post-desc-wrapper { width: 100%; float: none; } /* Filters */ #Filters .filters_wrapper ul li { float:left; width: 24%; margin: 0.5%; } /* Portfolio list */ body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 694px; } /* Google maps */ .column_map .google-map-contact-wrapper { width: 694px; margin-left: -347px; } /* Hover color */ .hover_color { word-wrap:break-word;} /* Buttons */ a.kill_the_icon .button_icon, .widget-area a.button .button_icon { display: none; } } /* #Tablet (Portrait) & Mobile - COMMON < 768 * ===================================================================================================== */ @media only screen and (max-width: 767px) { body { min-width:0;} #Wrapper { width: 300px;} .section_wrapper .column, .container .column, .sections_group, .four.columns { margin:0; width: 100% !important; clear: both; } .aside_both .sections_group { margin:0 auto !important;} .section_wrapper, .container, .four.columns { width: 260px !important; } .left-sidebar .items_group, .right-sidebar .items_group, .with_aside .content_wrapper { width:100%;} .section_wrapper .column { margin:0 0 20px;} .four.columns { float: none !important; margin:0 auto !important; } /* ======================================================= */ .hide-mobile { display:none !important;} /* .section */ .section { background-attachment:scroll !important; height: auto !important; } /* Header */ #Top_bar, #Action_bar { background: #fff !important; position: static; } #Top_bar .top_bar_left { float: none; width: 100% !important; margin-top:10px; background:none !important;} .header-simple #Top_bar .top_bar_left { top:0 !important;} #Top_bar .top_bar_right { float: none; top: 0; height: 60px; padding: 0 10px; } #Top_bar .top_bar_right .top_bar_right_wrapper { float: right; } #Top_bar .top_bar_right:before { display: none; } #Top_bar a#header_cart { top: 20px; } #Top_bar a#search_button { top: 20px; } #Top_bar a.button.action_button { top: 9px; } #Top_bar .wpml-languages { top: 11px; } #Header a.responsive-menu-toggle { position: absolute !important; top: 20px !important; right: 5px !important; z-index: 10; margin: 0; } #Header a.responsive-menu-toggle.is-sticky { position: fixed !important; top: 10px !important; left: 10px !important; z-index:30; } #Header #menu { position: static; float: left; width: auto; } #Top_bar .logo { position: static; float: none; width: 100%; text-align: center; margin: 0; } #Top_bar .logo #logo { padding: 5px 42px 15px;} #Top_bar .logo #logo img { height:auto !important;} #Top_bar .search_wrapper { top: auto; bottom:-132px; } #Action_bar .contact_details li, #Action_bar .social { padding:0 !important;} #Action_bar .contact_details { float: none; text-align: center; padding: 5px 0; } #Action_bar .contact_details li { color: #000; padding: 0; } #Action_bar .contact_details li.slogan { display: none; } #Action_bar .social { float: none; text-align: center; padding: 5px 0 0; } #Action_bar .social li { margin-right: 5px; } #Action_bar .social li a { color: rgba(0,0,0,.3); } #Action_bar .social li a:hover { color: rgba(0,0,0,.8); } #Action_bar .social-menu { float: none; text-align: center; padding: 5px 0 0; } /* Header below */ body.header-below:not(.template-slider) #Header { padding-top: 0; } /* Stack header */ .header-stack #Top_bar .logo { padding: 0; text-align: center !important; } .header-stack #Top_bar .secondary_menu_wrapper { display: none; } .header-stack #Top_bar .top_bar_right { position: static; } /* Header Creative */ #Header_creative { position: static; } #Header_creative #Top_bar .responsive-menu-toggle { top: 20px; } #Header_creative #Top_bar .top_bar_left { margin-top: 0; padding-top: 10px; overflow: hidden; } #Header_creative #Top_bar .logo #logo { padding: 5px 42px 15px; } #Header_creative #Top_bar .logo #logo img { max-height:50px; } #Header_creative #Top_bar #menu { position: static; width: 100%; } /* Subheader */ body:not(.template-slider):not(.header-simple) #Header { min-height: 350px; background-position: center 202px; } #Subheader .title { width: 100%; } #Subheader ul.breadcrumbs { display: none; } /* Minimalist Header */ body.minimalist-header.header-classic:not(.template-slider) #Header { min-height:0;} body.minimalist-header.header-creative:not(.template-slider) #Header { min-height:0;} body.minimalist-header.header-simple:not(.template-slider) #Header { min-height:90px;} body.minimalist-header.header-transparent #Header { min-height:0 !important;;} /* Header Magazine */ .header-magazine #Top_bar .banner_wrapper { width: 100%; height: auto; text-align: center; position: static; margin-bottom: 20px; } /* .footer-sliding */ .footer-fixed #Content, .footer-sliding #Content { margin-bottom: 0 !important; } .footer-fixed #Footer, .footer-sliding #Footer { position: static;} /* Widget */ .widget-area { min-height: 0 !important; } /* Fixed nav */ .fixed-nav { display: none !important; } /* Filters */ .blog #Filters { margin-bottom: 0; } #Filters .filters_wrapper ul li { float:left; width: 49%; margin: 0.5%; } /* Divider */ .hr_full hr, .aside_left .hr_full hr, .aside_right .hr_full hr { position: absolute; left: -1000px; top: 0; width: 3000px; } /* Fancy headings */ .fancy_heading h2 { font-size: 30px; line-height: 30px; } /* Icon box */ .icon_box.has_border:after { display: none; } /* Image Frame */ .image_frame { margin-top:0 !important;} /* Google maps */ .column_map .google-map-contact-wrapper { position: static; margin: 0; width: 100%; height: auto; } .column_map .google-map-contact-wrapper .get_in_touch { float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Footer */ #Footer .footer_copy { text-align: center; } #Footer .footer_copy .copyright { float: none; margin: 0 0 10px 0; } #Footer .footer_copy a#back_to_top { float: none; margin: 0 0 10px 0; } #Footer .footer_copy .social { float: none; margin: 0; } #Footer .footer_copy .social-menu { float: none; margin: 0; } } /* #Tablet (Portrait) & #Mobile (Landscape) 480 - 767 * ===================================================================================================== */ @media only screen and (min-width: 480px) and (max-width: 767px) { #Wrapper { width: 420px;} .section_wrapper, .container, .four.columns { width: 380px !important;} .with_aside .content_wrapper { width:100%;} /* ======================================================= */ /* Respond */ #respond .comment-form-author { width: 100%; margin-right: 0%; float: none; } #respond .comment-form-email { width: 100%; margin-right: 0%; float: none; } #respond .comment-form-url { width: 100%; float: none; } #respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select { width: 100%; } #respond .comment-form-comment textarea { width: 100%; } #comments .commentlist .children { margin-left: 0px; padding-left: 30px; } #respond .required { right: 15px; } } /* #Mobile (Portrait) < 480 ===================================================================================================== */ @media only screen and (max-width: 479px) { #Top_bar a.button.action_button { margin-right:0; } /* Post nav */ .post-nav { padding: 10px 10px 4px 10px; } /* Portfolio list */ body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 260px; } /* Filters */ #Filters .filters_buttons li { margin-right: 10px; } #Filters .filters_buttons li.label { display: none; } #Filters .filters_buttons li i.icon-docs, #Filters .filters_buttons li i.icon-tag { display: none; } }