/* DOCUMENT INFORMATION
- Document: Responsive Framework for the theme
- Version: 0.1
- Author: Hein Maas
- Notes :
*/
/* DOCUMENT INFORMATION
- Document: Global Default Values for the Theme
- Version: 0.1
- Author: Hein Maas
- Notes : The IOA Framework's SASS will use these values to make Visual Styler Palette.
*/
/* ----------------------------------------
- Table of Contents -
-------------------------------------------
1. Basic Information about the Theme
2. Theme's Main Visual Palette
3. Primary Section Area
4. Seconadary Section Area
5. Tertiary Section Area
6. Inputs and Buttons
7. Head Area Values
8. Footer Area Values
9. Bottom Footer Part Values
10. Sidebar Area Values
11. Typography Values
----- End of Table of Contents ---------- */
/**
*
* Basic Information about the Theme
*
**/
/**
*
* Theme's Main Visual Palette
*
**/
/**
*
* Primary Section Area
* @Note - The Background should be a color area, better if same has $highlight_color
*
**/
/**
*
* Secondary Section Area
* @Note - Usually it is inverse of body background color, darker for light body color and vice versa.
*
**/
/**
*
* Tertiary Section Area
* @Note - Usually it is a lighter variant of body background color.
*
**/
/**
*
* Inputs and Buttons
*
**/
/**
*
* Head Area Values
* @Note - To edit Head Area related stylings , goto _header_area.scss
*
**/
/**
*
* Footer Area Values
* @Note - To edit footer related stylings , goto footer.scss
*
**/
/**
*
* Bottom Footer Part Values
* @Note - To edit footer related stylings , goto footer.scss
*
**/
/**
*
* Sidebar Area Values
* @Note - To edit widget related stylings , goto widgets.scss
*
**/
/**
*
* Typography Values
* @Note - To edit typography related stylings , goto _typography.scss
**/
/* DOCUMENT INFORMATION - Document: Resuable Elements for the Theme - Version: 0.1 - Author: Hein Maas - Notes : .
*/
/* DOCUMENT INFORMATION
- Document: Global Default Values for the Theme
- Version: 0.1
- Author: Hein Maas
- Notes : The IOA Framework's SASS will use these values to make Visual Styler Palette.
*/
/* ----------------------------------------
- Table of Contents -
-------------------------------------------
1. Basic Information about the Theme
2. Theme's Main Visual Palette
3. Primary Section Area
4. Seconadary Section Area
5. Tertiary Section Area
6. Inputs and Buttons
7. Head Area Values
8. Footer Area Values
9. Bottom Footer Part Values
10. Sidebar Area Values
11. Typography Values
----- End of Table of Contents ---------- */
/**
*
* Basic Information about the Theme
*
**/
/**
*
* Theme's Main Visual Palette
*
**/
/**
*
* Primary Section Area
* @Note - The Background should be a color area, better if same has $highlight_color
*
**/
/**
*
* Secondary Section Area
* @Note - Usually it is inverse of body background color, darker for light body color and vice versa.
*
**/
/**
*
* Tertiary Section Area
* @Note - Usually it is a lighter variant of body background color.
*
**/
/**
*
* Inputs and Buttons
*
**/
/**
*
* Head Area Values
* @Note - To edit Head Area related stylings , goto _header_area.scss
*
**/
/**
*
* Footer Area Values
* @Note - To edit footer related stylings , goto footer.scss
*
**/
/**
*
* Bottom Footer Part Values
* @Note - To edit footer related stylings , goto footer.scss
*
**/
/**
*
* Sidebar Area Values
* @Note - To edit widget related stylings , goto widgets.scss
*
**/
/**
*
* Typography Values
* @Note - To edit typography related stylings , goto _typography.scss
**/
/* -------------------------------------------
- Table of Contents -
----------------------------------------------
1. Default Button for the Theme
2. Default Button hover state
3. Section Backgrounds
4. Border Radius for the Theme
5. Post Columns More
6. Button Blog List More Button
7. Ajax Loading Icon
----- End of Table of Contents ---------- */
/**
*
* Default Button for the Theme
*
**/
/**
*
* Default Button for the ThemeDefault Button hover state
*
**/
/**
*
* Section Backgrounds
*
**/
/**
*
* Border Radius for the Theme
*
**/
/**
*
* Post Columns More Button
*
**/
/**
*
* Blog List More Button
*
**/
/**
*
* Ajax Loading Icon
*
**/
/**
*
* Box Model
*
**/
/* ----------------------------------------
- Table of Contents -
-------------------------------------------
----- End of Table of Contents ---------- */
/** IPAD Styling [ Orientation Landscape ] & Big Tablets */
@media (min-width: 768px) and (max-width: 1024px) { /*============================== = Layout = ==============================*/
.skeleton { width: 940px; }
.layout-boxed div.inner-super-wrapper { width: 1000px; margin: 30px auto 0 auto; }
.layout_element, .col { margin: 0px 30px 30px 0; }
.one_half { width: 455px; }
.one_third { width: 293.302px; }
.one_fourth { width: 212.5px; }
.one_fifth { width: 164px; }
.two_third { width: 616.604px; }
.three_fourth { width: 697.22222px; }
.four_fifth { width: 746px; }
/*----- End of Layout ------*/
/*====================================== = Sidebar Layout = ======================================*/
.has-sidebar .layout_element, .has-sidebar .col { margin: 0px 30px 30px 0; }
.has-sidebar .one_half { width: 322.5px; }
.has-sidebar .one_third { width: 204.9775px; }
.has-sidebar .one_fourth { width: 146.25px; }
.has-sidebar .one_fifth { width: 111px; }
.has-sidebar .two_third { width: 439.955px; }
.has-sidebar .three_fourth { width: 498.47222px; }
.has-sidebar .four_fifth { width: 534px; }
/*----- End of Sidebar Layout ------*/
/*========================================== = Sidebar Structure = ==========================================*/
#sidebar { padding-bottom: 30px; margin-top: 30px; }
/* == Right Sidebar ========================== */
.has-left-sidebar { width: 705px; padding-left: 30px; }
.left-sidebar.sidebar { width: 235px; padding: 0px 30px 0 0px; margin-bottom: 30px; }
/* == Left Sidebar ========================== */
.has-right-sidebar { width: 705px; padding-right: 30px; }
.right-sidebar.sidebar { width: 235px; padding: 0px 0 0 30px; margin-bottom: 30px; }
/*----- End of Sidebar Structure ------*/
.sidebar-wrap .fb-widget { overflow: hidden; }
.sidebar-wrap .fb-widget, .sidebar-wrap .fb-widget iframe { max-width: 100% !important; width: 100% !important; }
.page-section { background-attachment: scroll !important; background-position: center center !important; }
/** Menu Related Stylings */
.inner-super-wrapper { margin-top: 0 !important; }
div.sub-menu > div { width: 188px; }
div.sub-menu > div.m_one_fourth { width: 24.7%; }
div.sub-menu > div.m_one_third { width: 33.1%; }
.theme-header .menu > li > a { padding: 0 15px; }
/** Singular Shortcodes */
.bx-wrapper .bx-controls-direction a.bx-next { border-radius: 4px; background: #fff; opacity: 0.7; right: 4px; }
.bx-wrapper .bx-controls-direction a.bx-prev { border-radius: 4px; background: #fff; opacity: 0.7; left: 4px; }
.teaser-slider-manager div.teaser-ioa-slider { position: relative; }
div.pricing-table div.plan { width: 180px; }
ul.posts-grid.post-grid-2cols li.iso-item { width: 452px; }
ul.posts-grid.post-grid-3cols li.iso-item { width: 290px; }
ul.posts-grid.post-grid-4cols li.iso-item { width: 212px; }
ul.posts-grid.post-grid-5cols li.iso-item { width: 164px; }
.posts-grid li.iso-item .inner-item-wrap { margin-bottom: 30px; }
.blocked-layout div.rad-container { margin: 0 2% 25px 0; }
.blocked-layout div.rad-container div.rad-inner-container { margin-left: 15px; margin-bottom: 25px; }
.blocked-layout div.rad-container span.hline { right: -12px; bottom: 20px; }
.intro_title-inner-wrap h2 small { right: -70px; }
.has-sidebar div.ioa-menu ul li span { padding-left: 13px; padding-right: 13px; }
/** Blog Stylings */
.has-sidebar div.blog-list-posts ul li div.image-wrap { width: 300px; }
.has-sidebar div.blog-list-posts ul li div.desc { width: 320px; }
.full-layout div.blog-list-posts ul li div.desc { width: 511px; }
div.blog-column-posts.blog-two-columns ul.blog_posts > li { width: 445px; }
.has-sidebar div.blog-column-posts.blog-two-columns ul.blog_posts > li { width: 300px; }
.has-sidebar div.posts-tree div.timeline-post { width: 270px; }
.video-bg, .quant_video-bg { background-size: cover; }
.video-bg video, .quant_video-bg video, .quant_video-bg object { display: none; }
.person-inner-wrap .p-info { margin-top: 0; }
/** Portfolio Styling */
div.two-column ul li.iso-item { width: 455px; }
div.three-column ul li.iso-item { width: 290px; }
div.four-column ul li.iso-item { width: 196px; }
div.five-column ul li.iso-item { width: 168px; padding-bottom: 24px; }
.has-sidebar div.two-column ul li.iso-item { width: 310px; }
.has-sidebar div.three-column ul li.iso-item { width: 195px; }
.has-sidebar div.four-column ul li.iso-item { width: 140px; }
.has-sidebar div.five-column ul li.iso-item { width: 143px; }
div.portfolio-columns ul li.iso-item div.inner-item-wrap { padding-bottom: 25px; }
div.portfolio-columns ul li.iso-item.grid-col-layout div.inner-item-wrap { padding-bottom: 0px; }
div.two-column ul li.grid-col-layout { width: 50%; }
div.three-column ul li.grid-col-layout { width: 33.33%; }
div.four-column ul li.grid-col-layout { width: 25%; }
div.five-column ul li.grid-col-layout { width: 20%; }
.has-sidebar div.two-column ul li.grid-col-layout.iso-item { width: 50%; }
.has-sidebar div.three-column ul li.grid-col-layout.iso-item { width: 33.33%; }
.has-sidebar div.four-column ul li.grid-col-layout.iso-item { width: 25%; }
.has-sidebar div.five-column ul li.grid-col-layout.iso-item { width: 20%; }
ul.portfolio_list li div.inner-item-wrap div.image-wrap { width: 430px; margin-right: 40px; }
div.portfolio-columns ul.portfolio_list li div.inner-item-wrap div.desc { width: 460px; }
.portfolio-masonry ul li div.inner-item-wrap .like-icon-wrap { right: 15px; }
.has-sidebar ul.portfolio_list li div.inner-item-wrap div.image-wrap { width: 300px; margin-right: 20px; float: left; }
.has-sidebar div.portfolio-columns ul.portfolio_list li div.inner-item-wrap div.desc { width: 320px; float: left; padding-top: 0; }
ul.single-related-posts li.hover-item { width: 153px; }
.cta-inner-wrap.default .cta-heading { padding-right: 200px; }
.ui-tabs .ui-tabs-nav li { margin-right: 3px; }
/*==================================== = Woo Commerce = ====================================*/
ul.products li.product, .related ul.products > li.product { width: 197px; }
.has-sidebar ul.products li.product { width: 140px; }
.product .featured-media-wrap { width: 500px; }
.summary.page-content { width: 400px; }
.variations div.select-wrap { width: 320px; }
.variations div.select-wrap select { width: 343px; }
div.coupon #coupon_code { width: 131px; }
/*----- End of Woo Commerce ------*/ }
/** IPAD Potrait & Smaller Tablets */
@media only screen and (min-width: 768px) and (max-width: 979px) { /*============================== = Layout = ==============================*/
.skeleton { width: 720px; }
.layout-boxed div.inner-super-wrapper { width: 770px; margin: 25px auto 0 auto; }
.layout_element, .col { margin: 0px 25px 25px 0; }
.one_half { width: 347.5px; }
.one_third { width: 223.30933px; }
.one_fourth { width: 161.25px; }
.one_fifth { width: 124px; }
.two_third { width: 471.61867px; }
.three_fourth { width: 533.51852px; }
.four_fifth { width: 571px; }
/*----- End of Layout ------*/
/*====================================== = Sidebar Layout = ======================================*/
.has-sidebar .layout_element, .has-sidebar .col { margin: 0px 25px 25px 0; }
.has-sidebar .one_half { width: 245px; }
.has-sidebar .one_third { width: 154.98283px; }
.has-sidebar .one_fourth { width: 110px; }
.has-sidebar .one_fifth { width: 83px; }
.has-sidebar .two_third { width: 334.96567px; }
.has-sidebar .three_fourth { width: 379.76852px; }
.has-sidebar .four_fifth { width: 407px; }
/*----- End of Sidebar Layout ------*/
/*========================================== = Sidebar Structure = ==========================================*/
#sidebar { padding-bottom: 25px; margin-top: 25px; }
/* == Right Sidebar ========================== */
.has-left-sidebar { width: 540px; padding-left: 25px; }
.left-sidebar.sidebar { width: 180px; padding: 0px 25px 0 0px; margin-bottom: 25px; }
/* == Left Sidebar ========================== */
.has-right-sidebar { width: 540px; padding-right: 25px; }
.right-sidebar.sidebar { width: 180px; padding: 0px 0 0 25px; margin-bottom: 25px; }
/*----- End of Sidebar Structure ------*/
/*================================ = Top Head = ================================*/
.theme-header .sidebar-wrap .product_list_widget li a img { position: relative; display: block; margin-bottom: 15px; }
.theme-header .sidebar-wrap .product_list_widget li { padding-left: 0; }
.theme-header .menu > li > a { padding: 0 12px; }
div.sub-menu > div { width: 145px; }
/*----- End of Top Head ------*/
div.compact-bar { display: none !important; }
/*================================ = Elements = ================================*/
.bx-wrapper .bx-controls-direction a.bx-next { border-radius: 4px; background: #fff; opacity: 0.7; right: 4px; }
.bx-wrapper .bx-controls-direction a.bx-prev { border-radius: 4px; background: #fff; opacity: 0.7; left: 4px; }
.inner-super-wrapper { margin-top: 0 !important; }
div.easyPieChart { font-size: 18px !important; }
div.rad-container.senseBGModel div.rad-inner-container { padding: 20px; }
.counter-inner-wrap { font-size: 1.5rem; }
div.page-section div.rad-container.top { margin-top: 25px; }
div.feature-column { width: 150px; }
div.featured-plan.plan div.pricing_area h2 { font-size: 46px; }
div.pricing-table div.plan { width: 139px; }
.video-bg, .quant_video-bg { background-size: cover; }
.video-bg video, .quant_video-bg video, .quant_video-bg object { display: none; }
ul.posts-grid.post-grid-2cols li.iso-item { width: 340px; }
ul.posts-grid.post-grid-3cols li.iso-item { width: 215px; }
ul.posts-grid.post-grid-4cols li.iso-item { width: 155px; }
ul.posts-grid.post-grid-5cols li.iso-item { width: 118px; }
.posts-grid li.iso-item .inner-item-wrap { margin-bottom: 30px; }
.googlemap-inner-wrap > div { max-height: 400px !important; }
.page-section { background-attachment: scroll !important; background-position: center center !important; }
.has-sidebar div.blog-list-posts ul li div.image-wrap { width: 250px; }
.has-sidebar div.blog-list-posts ul li div.desc { width: 200px; }
.full-layout div.blog-list-posts ul li div.desc { width: 330px; }
.has-sidebar div.blog-column-posts.blog-two-columns ul.blog_posts > li { width: 215px; }
div.blog-column-posts.blog-two-columns ul.blog_posts > li { width: 330px; }
ul.single-related-posts li.hover-item { width: 110px; }
div.related-posts-wrap { height: 80px; }
div.blog-column-posts ul li div.desc h2, div.blog-list-posts ul li div.desc h2 { font-size: 22px; }
div.two-column ul li.iso-item { width: 340px; }
div.three-column ul li.iso-item { width: 215px; }
div.four-column ul li.iso-item { width: 153px; }
div.five-column ul li.iso-item { width: 122px; padding-bottom: 24px; }
div.portfolio-columns ul li.iso-item div.inner-item-wrap { padding-bottom: 20px; }
div.portfolio-columns ul li.iso-item.grid-col-layout div.inner-item-wrap { padding-bottom: 0px; margin: 0; }
div.portfolio-columns.three-column ul li div.inner-item-wrap h2 { font-size: 15px; }
.has-sidebar div.portfolio-columns.one-column ul li div.inner-item-wrap h2 { font-size: 20px; }
.has-sidebar div.two-column ul li div.inner-item-wrap h2, .has-sidebar div.three-column ul li div.inner-item-wrap h2, div.portfolio-columns.five-column ul li div.inner-item-wrap h2, div.portfolio-columns.four-column ul li div.inner-item-wrap h2 { font-size: 13px; padding-right: 0; }
div.ioa-menu, div.ioa-menu.portfolio-ioa-menu { float: none; margin-bottom: 20px; }
.shop-controls .woocommerce-result-count { float: none; display: block; }
.has-sidebar div.two-column ul li.iso-item { width: 220px; }
.has-sidebar div.three-column ul li.iso-item { width: 136px; }
.has-sidebar div.four-column ul li.iso-item { width: 135px; }
.has-sidebar div.five-column ul li.iso-item { width: 143px; padding-bottom: 24px; }
.has-sidebar div.five-column .masonry-hover-style h4 { font-size: 11px; }
div.two-column ul li.iso-item .like-icon-wrap, .portfolio-masonry ul li div.inner-item-wrap .like-icon-wrap, div.three-column ul li.iso-item .like-icon-wrap, div.four-column ul li.iso-item .like-icon-wrap, div.five-column ul li.iso-item .like-icon-wrap, .has-sidebar div.three-column ul li.iso-item .like-icon-wrap, .has-sidebar div.four-column ul li.iso-item .like-icon-wrap, .has-sidebar div.five-column ul li.iso-item .like-icon-wrap { display: none; }
div.portfolio-columns ul li div.inner-item-wrap h2 { font-size: 24px; }
div.portfolio-list div.image-wrap { width: 220px; margin-right: 20px; }
div.portfolio-list div.desc { width: 690px; }
.has-sidebar div.portfolio-list div.desc { width: 240px; }
div.two-column ul li.grid-col-layout { width: 50%; }
div.three-column ul li.grid-col-layout { width: 33.33%; }
div.four-column ul li.grid-col-layout { width: 25%; }
div.five-column ul li.grid-col-layout { width: 20%; }
.has-sidebar div.two-column ul li.grid-col-layout.iso-item { width: 50%; }
.has-sidebar div.three-column ul li.grid-col-layout.iso-item { width: 33.33%; }
.has-sidebar div.four-column ul li.grid-col-layout.iso-item { width: 25%; }
.has-sidebar div.five-column ul li.grid-col-layout.iso-item { width: 20%; }
.has-sidebar div.portfolio-columns ul.portfolio_list li div.inner-item-wrap div.desc { width: 240px; float: left; padding-top: 0; }
.product form button.single_add_to_cart_button { margin-left: 10px; }
.slider-inner-wrap div.inner-bg-desc h4 { margin-bottom: 0; padding-bottom: 0; }
div.caption-tail { margin-top: 5px; }
.slider-inner-wrap div.slider-desc div.caption p { font-size: 12px; }
/*----- End of Elements ------*/
/*==================================== = Woo Commerce = ====================================*/
div.coupon #coupon_code { width: 100%; margin-bottom: 20px; }
ul.products li.product { margin: 0px 13px 40px 13px; width: 160px; }
.has-sidebar ul.products li.product { width: 240px; }
.has-sidebar ul.products li.product:nth-child(2n+1) { clear: left; }
.has-sidebar ul.products li.product:nth-child(2n+2) { clear: right; margin-right: 0; }
/*----- End of Woo Commerce ------*/
.quartz div.slider-desc.black-bg .inner-bg-desc, .quartz div.slider-desc.white-bg .inner-bg-desc { background: none; padding: 0; }
.quartz div.slider-desc p { margin: 0; }
.slider-inner-wrap div.inner-bg-desc h4 { font-size: 32px; } }
/** Mobile Devices General */
@media only screen and (max-width: 767px) { /*============================== = Layout = ==============================*/
.skeleton { width: 70%; }
.layout-boxed div.inner-super-wrapper { width: 70%; margin: 0 auto; }
.layout_element, .col { margin: 0px 0 20px 0; float: none; }
.one_half { width: auto; }
.one_third { width: auto; }
.one_fourth { width: auto; }
.one_fifth { width: auto; }
.two_third { width: auto; }
.three_fourth { width: auto; }
.four_fifth { width: auto; }
/*----- End of Layout ------*/
/*====================================== = Sidebar Layout = ======================================*/
.has-sidebar .layout_element, .has-sidebar .col { margin: 0px 0 20px 0; float: none; }
.has-sidebar .one_half { width: auto; }
.has-sidebar .one_third { width: auto; }
.has-sidebar .one_fourth { width: auto; }
.has-sidebar .one_fifth { width: auto; }
.has-sidebar .two_third { width: auto; }
.has-sidebar .three_fourth { width: auto; }
.has-sidebar .four_fifth { width: auto; }
/*----- End of Sidebar Layout ------*/
/*========================================== = Sidebar Structure = ==========================================*/
#sidebar { padding-bottom: 20px; margin-top: 20px; }
/* == Right Sidebar ========================== */
.has-left-sidebar { width: auto; padding-left: 0; float: none; }
.left-sidebar.sidebar { width: auto; padding: 0px; margin-bottom: 20px; float: none; }
/* == Left Sidebar ========================== */
.has-right-sidebar { width: auto; padding-right: 0; float: none; border: none; }
.right-sidebar.sidebar { width: auto; padding: 0px; margin-bottom: 20px; float: none; border: none; }
/*----- End of Sidebar Structure ------*/
div.super-head-wrap { display: none; }
div.mobile-header { display: block; }
div.compact-bar { display: none; }
.full_width .layout_element, .full_width .col { margin: 10px 0; }
.full_width .full { clear: both; width: 100%; }
.full_width .one_half { clear: both; width: 100%; }
.full_width .one_third { clear: both; width: 100%; }
.full_width .one_fourth { clear: both; width: 100%; }
.full_width .one_fifth { clear: both; width: 100%; }
.full_width .two_third { clear: both; width: 100%; }
.full_width .three_fourth { clear: both; width: 100%; }
.full_width .four_fifth { clear: both; width: 100%; }
.quartz-tip { display: none; }
div.ioa-tabbed-layout { padding: 20px 0; }
div.ioa-tabbed-layout ul li { width: 20%; }
.inner-super-wrapper { margin-top: 0 !important; }
/*============================================= = Mobile Title Stylings = =============================================*/
.bx-wrapper .bx-controls-direction a.bx-next { border-radius: 4px; background: #fff; opacity: 0.7; right: 4px; }
.bx-wrapper .bx-controls-direction a.bx-prev { border-radius: 4px; background: #fff; opacity: 0.7; left: 4px; }
div.supper-title-wrapper { font-size: 80%; }
div.supper-title-wrapper h1.custom-title { font-size: 4em; }
div.title-wrap { padding: 40px 0 !important; background-attachment: scroll !important; }
.title_divider, .title-text-align-center .title_divider { margin-bottom: 0; }
div.title-wrap .wrap { padding: 0 !important; }
#breadcrumbs { display: none; }
.teaser-slider-manager div.teaser-ioa-slider { position: relative; }
.subtitle { max-width: 100%; }
div.page-section { padding: 10px 0 !important; }
/** No Animation on Mobile devices */
div.easyPieChart { font-size: 18px !important; }
div.blog-list-posts ul li div.image-wrap, div.blog-list-posts ul li div.video-area { width: 100%; }
div.blog-list-posts ul li div.desc { width: 100%; }
.teaser-height_animate div.supper-top-wrap { height: auto !important; overflow: visible; }
.slider-inner-wrap div.inner-bg-desc h4 { margin-bottom: 0; padding-bottom: 0; font-size: 15px !important; letter-spacing: 0; }
div.caption-tail { display: none; }
.slider-inner-wrap div.slider-desc div.caption p { font-size: 12px; }
.quartz div.slider-item > a.ioa-lightbox-icon { display: none; }
a.autoplay-control { left: 0; right: auto; }
.quartz div.slider-desc.black-bg .inner-bg-desc, .quartz div.slider-desc.white-bg .inner-bg-desc { background: none; padding: 0; }
.quartz div.slider-desc p { margin: 0; }
.quartz div.slider-desc.s-t-l, .quartz div.slider-desc.s-t-c, .quartz div.slider-desc.s-t-r, .quartz div.slider-desc.s-b-l, .quartz div.slider-desc.s-b-c, .quartz div.slider-desc.s-b-r, .quartz div.slider-desc.s-c-l, .quartz div.slider-desc.s-c-c, .quartz div.slider-desc.s-c-r { top: 5px !important; right: auto; text-align: left; bottom: 5px !important; left: 5px; }
.quartz div.slider-holder { min-height: 0; }
.quartz div.slider-item img.fallback { display: block; }
.quartz div.slider-desc.black-bg .inner-bg-desc { width: 100%; }
.quartz div.slider-desc .skeleton { width: 100%; }
div.quartz-controls-wrap > a span { display: none; }
/*----- End of Mobile Title Stylings ------*/
/*================================ = Elements = ================================*/
.cta-inner-wrap.below .cta-heading h3 { max-width: 100%; }
div.section-has-bgimage.page-section { padding: 20px 0 !important; }
.cta-inner-wrap.default .cta-heading { padding-right: 0; }
.cta-inner-wrap.default a.cta_button { margin-top: 10px; position: relative; float: left; }
.tabs-align-top .ui-tabs .ui-tabs-nav { float: none; display: block; }
.ui-tabs .ui-tabs-nav li { float: none; display: block; margin: 0 0 1px 0; }
.tabs-align-left .ui-tabs .ui-tabs-nav, .tabs-align-right .ui-tabs .ui-tabs-nav, .full .tabs-align-left .ui-tabs .ui-tabs-nav, .full .tabs-align-right .ui-tabs .ui-tabs-nav { position: relative; width: auto; }
.tabs-align-left .ui-tabs-panel, .tabs-align-right .ui-tabs-panel { margin-top: 30px; margin-bottom: 30px; margin-left: 0 !important; margin-right: 0 !important; }
.tabs-align-left .ui-tabs .ui-tabs-nav li, .tabs-align-right .ui-tabs .ui-tabs-nav li { text-align: left; }
.logo-area li { width: 50%; border: none !important; }
div.page-section div.rad-container.top { margin-top: 25px; }
.blocked-layout div.rad-container { margin: 0 0 25px 0; }
.blocked-layout div.rad-container div.rad-inner-container { margin-left: 0; padding-bottom: 25px; border-bottom: 1px solid rgba(20, 20, 20, 0.1); }
.blocked-layout div.rad-container span.hline { display: none; }
.blocked-layout div.rad-container span.vline { display: none; }
div.mason_item { width: 50%; }
div.mason_item.mason_one_half { width: 50%; }
div.mason_item.mason_one_fourth { width: 50%; }
.ioa-container-animation { opacity: 1; position: relative; }
.ioa-section-animation { opacity: 1; position: relative; }
.ioa-section-container-animation div.rad-container { opacity: 1; position: relative; }
.video-bg, .quant_video-bg { background-size: cover; }
.video-bg video, .quant_video-bg video, .quant_video-bg object { display: none; }
.posts-grid li .desc h2 p.like-icon-wrap { display: none; }
.posts-grid li .desc h2 a { margin-right: 0; }
.posts-grid li.iso-item .image img { width: 100%; }
.posts-grid li.iso-item .inner-item-wrap { margin-bottom: 10px; }
.post-grid-3cols > li.iso-item { width: 46%; margin: 2%; }
.post-grid-4cols > li.iso-item { width: 46%; margin: 2%; }
.post-grid-5cols > li.iso-item { width: 30%; margin: 1%; }
.post-grid-6cols > li.iso-item { width: 30%; margin: 1%; }
.post-grid-3cols > li.iso-item:nth-child(2n+1) { clear: left; }
.post-grid-3cols > li.iso-item:nth-child(2n+2) { clear: right; }
.post-grid-4cols > li.iso-item:nth-child(2n+1) { clear: left; }
.post-grid-4cols > li.iso-item:nth-child(2n+2) { clear: right; }
.post-grid-5cols > li.iso-item:nth-child(3n+1) { clear: left; }
.post-grid-5cols > li.iso-item:nth-child(3n+2) { clear: right; }
.post-grid-6cols > li.iso-item:nth-child(3n+1) { clear: left; }
.post-grid-6cols > li.iso-item:nth-child(3n+2) { clear: right; }
.full .person-inner-wrap div.desc-area h4, .person-inner-wrap div.desc-area h4 { font-size: 28px; }
div.feature-column { width: auto; float: none; }
div.pricing-table div.plan { width: auto; float: none; border: 1px solid #e7e7e7; }
div.pricing-table { display: block; }
div.portfolio-columns ul li div.inner-item-wrap { opacity: 1; }
div.portfolio-columns ul li div.inner-item-wrap div.image { display: inline-block; max-width: 100%; }
div.portfolio-columns.one-column ul li div.inner-item-wrap h2 { font-size: 18px; }
div.portfolio-columns.two-column ul li div.inner-item-wrap h2 { font-size: 18px; }
div.portfolio-columns.three-column ul li div.inner-item-wrap h2 { font-size: 18px; }
div.portfolio-columns.four-column ul li div.inner-item-wrap h2 { font-size: 18px; }
div.portfolio-columns ul li div.inner-item-wrap h2 { font-size: 18px; }
div.two-column ul li.iso-item { width: 100%; }
div.three-column ul li.iso-item { width: 100%; }
div.four-column ul li.iso-item { width: 48%; margin: 1%; clear: none; }
div.five-column ul li.iso-item { width: 48%; margin: 1%; clear: none; }
div.four-column ul li.iso-item:nth-child(2n+1) { clear: left; }
div.four-column ul li.iso-item:nth-child(2n+2) { clear: right; }
div.five-column ul li.iso-item:nth-child(2n+1) { clear: left; }
div.five-column ul li.iso-item:nth-child(2n+2) { clear: right; }
.has-sidebar div.two-column ul li.iso-item { width: 100%; }
.has-sidebar div.three-column ul li.iso-item { width: 100%; }
.has-sidebar div.four-column ul li.iso-item { width: 48%; }
.has-sidebar div.five-column ul li.iso-item { width: 48%; padding-bottom: 0px; }
div.portfolio-list div.image-wrap { width: auto; margin-right: 0px; float: none; }
div.portfolio-list div.desc { width: auto; float: none; margin-top: 20px; }
.has-sidebar div.portfolio-list div.desc { width: auto; }
div.two-column ul li.grid-col-layout { width: 100%; }
div.three-column ul li.grid-col-layout { width: 50%; }
div.four-column ul li.grid-col-layout { width: 50%; margin: 0; }
div.five-column ul li.grid-col-layout { width: 33%; margin: 0; clear: none !important; }
.has-sidebar div.two-column ul li.grid-col-layout.iso-item { width: 100%; }
.has-sidebar div.three-column ul li.grid-col-layout.iso-item { width: 50%; }
.has-sidebar div.four-column ul li.grid-col-layout.iso-item { width: 50%; margin: 0; }
.has-sidebar div.five-column ul li.grid-col-layout.iso-item { width: 33.33%; margin: 0; }
.has-sidebar ul.portfolio_list li div.inner-item-wrap div.image-wrap, ul.portfolio_list li div.inner-item-wrap div.image-wrap { width: 100%; margin-right: 0px; float: none; display: block; }
.has-sidebar div.portfolio-columns ul.portfolio_list li div.inner-item-wrap div.desc, div.portfolio-columns ul.portfolio_list li div.inner-item-wrap div.desc { width: auto; float: auto; padding-top: 0; margin-top: 20px; }
.portfolio-masonry li.iso-item { width: 50%; clear: none; }
/*----- End of Elements ------*/
/*=================================== = Woocommerce = ===================================*/
.product .featured-media-wrap { width: 100%; float: none; }
.variations div.select-wrap { width: 90%; }
.variations div.select-wrap select { width: 100%; }
ul.products li.product, .has-sidebar ul.products li.product { width: 48%; margin-left: 1%; margin-right: 1%; }
ul.products li.product:nth-child(2n+1) { clear: left; }
.shop-controls .woocommerce-result-count { float: none; }
.related ul.products > li.product { width: 48%; margin: 0 1%; }
.product .images { float: none; width: auto; margin-right: 0; }
.summary.page-content { width: auto; margin-top: 20px; float: none; }
.product .quantity { float: none; }
.product form button.single_add_to_cart_button { margin-left: 10px; }
table.shop_table thead tr th.product-thumbnail, table.shop_table thead tr th.product-name, table.shop_table thead tr th.product-quantity, table.shop_table thead tr th.product-remove { width: auto; }
table.shop_table tbody tr.cart_table_item td.product-quantity div.quantity input.input-text { width: 30px; }
table.shop_table tr td { padding: 10px; }
table.shop_table thead tr th { padding-left: 6px; padding-right: 6px; font-size: 11px; }
table.shop_table tbody tr td.actions div.coupon #coupon_code { width: 20%; }
section.shipping-calculator-form button { margin-top: 15px; }
table.shop_table tbody tr.cart_table_item td.product-quantity div.quantity input[type=button] { display: none; }
div.cart_totals { float: none; }
table.shop_table tbody tr.cart_table_item td.product-thumbnail a img { width: 30px; }
table.shop_table tbody tr.cart_table_item td.product-subtotal span, table.shop_table tbody tr.cart_table_item td.product-price span, table.shop_table tbody tr.cart_table_item td.product-quantity div, table.shop_table tbody tr.cart_table_item td.product-name a { margin-left: 0px; }
table.shop_table tbody tr td.actions div.coupon { float: none; margin-left: 0; margin-right: 0; margin-bottom: 10px; }
table.shop_table tbody tr.cart_table_item td.product-quantity div.quantity input.input-text { margin: 0; }
table.shop_table tbody tr.cart_table_item:first-child td.product-thumbnail a { margin-left: 0; }
table.shop_table tbody tr.cart_table_item td.product-remove { padding: 0; }
form.checkout div.col-2, form.checkout div.col-1 { width: 100%; float: none; border: none; padding: 0; }
form.checkout div.col-2 { margin-top: 20px; }
#order_review #payment { margin-bottom: 20px; padding: 15px; }
ul.payment_methods { margin-left: 0; padding-left: 0; }
.col2-set > div { float: none; width: auto; }
div.masonry-block ul.blog_posts { padding: 0 10px; }
ul.products { text-align: center; }
ul.products li div.image, .rating-bar { display: inline-block; }
.rating-bar { display: none; }
.woocommerce-tabs ul.tabs { position: relative; margin-bottom: 20px; display: block; width: auto; }
.woocommerce-tabs ul.tabs li { float: left; border: none; }
.woocommerce-tabs .panel { margin-left: 0; }
/*----- End of Woocommerce ------*/
/** Footer Stylings */
div.mobile_footer_widget .footer-cols, div.mobile_footer_widget { display: block; }
.footer-cols { display: none; }
#footer-menu { text-align: center; }
#footer-menu p.footer-text, #footer-menu .menu { float: none; text-align: center; display: inline-block; } }
/** Mobile Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) { div.supper-title-wrapper h1.custom-title, h1.custom-title { font-size: 4em; } }
/** Mobile Portrait */
@media only screen and (max-width: 479px) { div.supper-title-wrapper h1.custom-title, h1.custom-title { font-size: 2.5em; }
/*============================================= = Mobile Title Stylings = =============================================*/
.logo-area li { width: 100%; }
div.ioa-tabbed-layout ul li span { display: none; }
div.title-wrap { padding: 20px 0 !important; }
.title_divider { margin-bottom: 0; }
#breadcrumbs { display: none; }
.selene-thumbnails-wrap { display: none; }
div.selene-controls-wrap > a { margin-top: -22px; padding: 22px 15px; }
div.quartz-controls-wrap { top: auto; bottom: 0; }
div.quartz-controls-wrap > a { padding: 22px 10px; }
.seleneGallery div.gallery-item > a.ioa-lightbox-icon, div.selene-controls-wrap > a.autoplay-control { display: none; }
div.mason_item { width: 100%; }
div.mason_item.mason_one_half { width: 100%; }
div.mason_item.mason_one_fourth { width: 100%; }
.post-grid-2cols > li { width: 100%; }
.post-grid-3cols > li.iso-item { width: 100%; margin: 0; }
.post-grid-4cols > li.iso-item { width: 100%; margin: 0; }
.post-grid-5cols > li.iso-item { width: 100%; margin: 0; }
.post-grid-6cols > li.iso-item { width: 100%; margin: 0; }
.posts-grid li .desc { padding-right: 0; }
.posts-grid li .image img { width: 100%; }
div.three-column ul li.grid-col-layout { width: 100%; }
.has-sidebar div.three-column ul li.grid-col-layout.iso-item { width: 100%; }
.has-sidebar div.four-column ul li.grid-col-layout.iso-item { width: 100%; }
.has-sidebar div.five-column ul li.grid-col-layout.iso-item { width: 100%; }
.portfolio-masonry li.iso-item { width: 50%; }
.portfolio-masonry ul li div.inner-item-wrap h2 { display: none; }
div.four-column ul li.grid-col-layout { width: 100%; }
div.five-column ul li.grid-col-layout { width: 100%; }
div.four-column ul li.iso-item, .has-sidebar div.four-column ul li.iso-item { width: 100%; }
div.five-column ul li.iso-item, .has-sidebar div.five-column ul li.iso-item { width: 100%; }
div.portfolio div.meta-info { width: 100%; }
.ioa-message div.message-content { padding: 15px; }
div.blog-column-posts.blog-two-columns ul.blog_posts > li, .has-sidebar div.blog-column-posts.blog-two-columns ul.blog_posts > li { width: 100%; margin: 0; }
/*----- End of Mobile Title Stylings ------*/
/*============================== = Single = ==============================*/
div.post-navigation { display: none; }
#comments { padding-top: 0; }
/*----- End of Single ------*/
/*==================================== = Woo Commerce = ====================================*/
table.shop_table tbody tr.cart_item td.product-quantity div.quantity input[type=button] { display: none; }
table.shop_table tbody tr.cart_item td.product-quantity div.quantity input.input-text { width: 80%; }
ul.products li.product, .related ul.products > li.product, .has-sidebar ul.products li.product { width: 100%; margin: 0%; float: none; }
.shop-controls p.woocommerce-result-count { float: none; margin-bottom: 10px; }
.woocommerce-ordering { float: none; }
.woocommerce-ordering div.select-wrap { width: 100%; }
/*----- End of Woo Commerce ------*/
.slider-desc { display: none !important; } }
/** Smallest View */
@media only screen and (max-width: 400px) { table.shop_table.cart tbody tr.cart_item td.product-name a.product-thumb { display: none; }
.googlemap-inner-wrap > div { max-height: 200px !important; }
div.testimonial-bubble-content { margin-left: 0; }
div.testimonial-bubble div.image { margin-top: 15px; position: relative; } }
/*# sourceMappingURL=responsive.css.map */