File: /services/webpages/a/b/absolutespace.ca/public/wp-content/themes/quasartheme/media-queries.css
/* Quasar Media Queries */
@media only screen and (max-width: 767px) {
/* Ajax Filtered Portfolio */
.ajax-filtered-gallery-holder .ajax-navigation{text-align:center;}
.ajax-filtered-gallery-holder .ajax-navigation .no-value{display:none;}
.ajax-filtered-gallery-holder .ajax-navigation strong{float:none; margin:15px; border-right:none; border-bottom:1px solid #cccccc; padding:0px;}
.ajax-filtered-gallery-holder .ajax-navigation ul li{float:none; margin:5px;}
.ajax-filtered-gallery-holder .ajax-navigation ul li:first-child{margin-top:15px;}
.ajax-filtered-gallery-holder.category-names-in-border .ajax-navigation ul li{float:none; margin:15px 5px;}
/*WooCommerce*/
.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products{
text-align:center;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
max-width:100% !important;
width:100% !important;
height:auto !important;
margin:0px auto 50px !important;
display:inline-block;
float:none !important;
}
.woocommerce div.product div.summary, .woocommerce #content div.product div.summary,
.woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary{
float:none !important;
width:100% !important;
}
.woocommerce .product{
text-align:center;
}
.woocommerce div.product div.images, .woocommerce #content div.product div.images,
.woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images{
float:none !important;
width:auto !important;
display:inline-block;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
float:none !important;
width:100% !important;
}
/*End of WooCommerce*/
.centered-text-responsive{text-align:center;}
/*Tabs*/
.rock-tabs-container.tab-top .rock-tabs-header-container .rock-tab-header{
float:none;
display: block;
text-align: center;
}
.rock-tabs-container.tab-top .rock-tabs-header-container .rock-tab-header.active:first-child,
.rock-tabs-container.tab-top .rock-tabs-header-container .rock-tab-header.active,
.rock-tabs-container.tab-top .rock-tabs-header-container .rock-tab-header.active{
border-left:1px solid;
border-right:1px solid;
}
/*Iconic Text*/
div .rock-iconictext-container:last-child, div .rockthemes-animate:last-child .rock-iconictext-container,
div .rockthemes-animate:last-child .boxed-layout{margin-bottom:0px !important;}
div .rock-iconictext-container{margin-bottom:30px !important;}
div .boxed-layout{margin-bottom:30px !important;}
/*Sidebars*/
.right-sidebar-padding{margin-top:60px;}
.left-sidebar-padding{margin-bottom:60px;}
/*Button*/
a.button{float:none !important; margin:0px auto; display:table;}
}
/*
** #######################################################
** Rock Grid
** #######################################################
*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*
Default breakpoint here:
@media only screen and (min-width: 6480px) {
*/
/*
* medium
* most tablets in portrait mode
* */
.medium-block-grid-1 > li {
width:100%;
padding:0 .625em 1.25em;
}
.medium-block-grid-2 > li {
width:50%;
padding:0 .625em 1.25em;
}
.medium-block-grid-3 > li {
width:33.33333%;
padding:0 .625em 1.25em;
}
.medium-block-grid-4 > li {
width:25%;
padding:0 .625em 1.25em;
}
.medium-block-grid-5 > li {
width:20%;
padding:0 .625em 1.25em;
}
.medium-block-grid-6 > li {
width:16.66667%;
padding:0 .625em 1.25em;
}
.medium-block-grid-7 > li {
width:14.28571%;
padding:0 .625em 1.25em;
}
.medium-block-grid-8 > li {
width:12.5%;
padding:0 .625em 1.25em;
}
.medium-block-grid-9 > li {
width:11.11111%;
padding:0 .625em 1.25em;
}
.medium-block-grid-10 > li {
width:10%;
padding:0 .625em 1.25em;
}
.medium-block-grid-11 > li {
width:9.09091%;
padding:0 .625em 1.25em;
}
.medium-block-grid-12 > li {
width:8.33333%;
padding:0 .625em 1.25em;
}
.small-block-grid-1 > li:nth-of-type(1n+1),
.small-block-grid-2 > li:nth-of-type(2n+1),
.small-block-grid-3 > li:nth-of-type(3n+1),
.small-block-grid-4 > li:nth-of-type(4n+1),
.small-block-grid-5 > li:nth-of-type(5n+1),
.small-block-grid-6 > li:nth-of-type(6n+1),
.small-block-grid-7 > li:nth-of-type(7n+1),
.small-block-grid-8 > li:nth-of-type(8n+1),
.small-block-grid-9 > li:nth-of-type(9n+1),
.small-block-grid-10 > li:nth-of-type(10n+1),
.small-block-grid-11 > li:nth-of-type(11n+1),
.small-block-grid-12 > li:nth-of-type(12n+1),
.medium-block-grid-1 > li:nth-of-type(n),
.medium-block-grid-2 > li:nth-of-type(n),
.medium-block-grid-3 > li:nth-of-type(n),
.medium-block-grid-4 > li:nth-of-type(n),
.medium-block-grid-5 > li:nth-of-type(n),
.medium-block-grid-6 > li:nth-of-type(n),
.medium-block-grid-7 > li:nth-of-type(n),
.medium-block-grid-8 > li:nth-of-type(n),
.medium-block-grid-9 > li:nth-of-type(n),
.medium-block-grid-10 > li:nth-of-type(n),
.medium-block-grid-11 > li:nth-of-type(n),
.medium-block-grid-12 > li:nth-of-type(n) {
clear:none;
}
.medium-block-grid-1 > li:nth-of-type(1n+1),
.medium-block-grid-2 > li:nth-of-type(2n+1),
.medium-block-grid-3 > li:nth-of-type(3n+1),
.medium-block-grid-4 > li:nth-of-type(4n+1),
.medium-block-grid-5 > li:nth-of-type(5n+1),
.medium-block-grid-6 > li:nth-of-type(6n+1),
.medium-block-grid-7 > li:nth-of-type(7n+1),
.medium-block-grid-8 > li:nth-of-type(8n+1),
.medium-block-grid-9 > li:nth-of-type(9n+1),
.medium-block-grid-10 > li:nth-of-type(10n+1),
.medium-block-grid-11 > li:nth-of-type(11n+1),
.medium-block-grid-12 > li:nth-of-type(12n+1) {
clear:both;
}
}
@media only screen and (min-width: 500px) and (max-width:768px) {
.columns.rock-3{
width:33%;
display:inline;
}
}
@media only screen and (max-width:768px){
#nav .nav-menu{
display:none !important;
}
.nav-centered .menu-center-column{
display:block;
}
.nav-centered #nav{
display:inline;
}
#nav .nav_responsive_select{
display:block;
margin:19px 0;
}
.team-member-content .details .bio {
width: 100%;
}
.logo-container img{margin:0px auto;}
.right-sidebar-padding{padding-left:0px;}
.left-sidebar-padding{padding-right:0px;}
.responsive-inline-block{display:inline-block;}
/*Footer Large*/
.footer-large .row .columns{margin-bottom:45px;}
.footer-bottom .row .columns{margin-bottom:15px auto; display:block; position:relative;}
/*Pricing Table*/
.quasar-pt-package-name h2, .quasar-pt-option{padding-left:20px; padding-right:20px;}
/*Header Top 2*/
.header-top-2-responsive-inline-block > div{display:inline-block;}
/*Clear Navigation float when nav used at left*/
.nav-right-desktop{float:none;}
}
/*@media only screen and (max-width:480px){*/
@media only screen and (max-width:540px){
/* Deprecated .button:not(.button-small)*/
.button:not(.button_non_responsive){width:100%; /*margin:10px 0px 0px 0px !important;*/ margin:15px 0px;}
.button-wrap .button:not(.button_non_responsive){margin:0px;}
.button-wrap{width:100%;}
/*div .button:not(.button_non_responsive):last-child{margin-bottom:0px !important;}*/
/*Quasar Portfolio*/
.quasar-portfolio-container .relative-container-holder{float:none;}
.quasar-portfolio-container .quasar-portfolio-body .list-description p:first-child{margin-top:10px;}
.quasar-portfolio-header .quasar-portfolio-mode-switch{float:right;}
.quasar-portfolio-header .quasar-portfolio-main-title{margin:3px 0 0 0; padding:0px; border:none;}
.quasar-portfolio-header{float:none; margin:0px 0px 15px 0px; border-bottom:1px solid #cccccc; padding:0px 0px 10px 0px;}
.quasar-portfolio-container.list .quasar-portfolio-buttons > a{margin-left:0px;}
/*General Element Headers (Responsive)*/
.quasar-element-responsive-header{float:none; margin:0px 0px 45px 0px; top:0px !important; border-bottom:1px solid #cccccc; padding:0px 0px 10px 0px;}
.quasar-element-responsive-header .quasar-element-responsive-title{margin:3px 0 0 0; padding:0px; border:none;}
.quasar-element-responsive-header .quasar-element-responsive-buttons{float:right;}
/*Promotion Box*/
.rock-promotion-box .promotion-box-content, .rock-promotion-box .promotion-box-button-container{
float:none; margin:0px; padding:0px; width:100%; position:relative;
}
/*Typography*/
.centered-text-responsive-small{text-align:center;}
/*Breadcrums Title*/
.quasar-title-breadcrumbs .page-title{/*margin-bottom:0; */}
.quasar-breadcrumbs{float:none; margin:0px auto 15px; display:inline-block;}
.breadcrums-container > p{display:none;}
/*Footer Bottom Widget Area*/
#footer .footer-bottom > .row > .columns{margin-bottom:10px; margin-top:10px;}
#footer .footer-bottom-widget ul{margin:0px auto; float:none;}
#footer .footer-bottom-widget li{float:none; border:none; margin:8px 0px; padding:0px;}
/*404 Page*/
.error-404-icon{float:none; display:block; margin:0px auto; text-align:center;}
.error-404-details{padding:0px;}
/*WooCommerce*/
.woocommerce .product-quantity, .woocommerce-page .product-quantity,
.woocommerce .product-subtotal, .woocommerce-page .product-subtotal{
display:none;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator{
float:none;
width:100% !important;
}
}
@media only screen and (max-width: 800px) {
#main-canvas{width:100% !important;}
}
/*Retina Settings*/
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
.quasar-title-breadcrumbs {
/*background-image:url("images/bright_squares_@2X.png");*/
background-size:297px 297px;
}
select{background-image:url("images/select_arrow_down_@2x.png"); background-size:19px 14px;}
/*body.custom-background{background-image:url("images/blizzard_@2X.png"); background-size:25px 25px;}*/
/*.footer-large{background-image:url("images/black-Linen_@2X.png"); background-size:482px 490px;}*/
}