/*
* responsive.custom.css is for custom media queries that are not set via the
* theme settings, such as cascading media queries.
*
* By default all the other responsive stylesheets used in Adaptivetheme use a
* "stacking method", however cascading media queries use a waterfall method so
* you can leverage the cascade and inheritance for all browsers that support
* media queries, regardless of screen size.
*
* @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
*
* NOTE: this file loads by default, to disable got to your theme settings and
* look under the "CSS" settings tab.
*/
/*
* Really small screens and up
*/
@media screen and (min-width: 220px) {
.pane-adsense-managed-1 {display: none !important;}
.pane-adsense-managed-2 {display: none !important;}
.pane-adsense-managed-0 {display: block !important;}
}
@media screen and (min-width: 864px) and (max-width: 902px) {
.store-block .views-row {width: 47% !important;}
}
@media screen and (min-width: 493px) and (max-width: 512px) {
.store-block .views-row {width: 47% !important;}
}
@media screen and (min-width: 338px) and (max-width: 351px) {
.store-block .views-row {width: 47% !important;}
}
/*
* Smartphone sizes and up
*/
@media screen and (min-width: 320px) {
.pane-adsense-managed-1 {display: none !important;}
.pane-adsense-managed-2 {display: block !important;}
.pane-adsense-managed-0 {display: none !important;}
}
@media screen and (min-width: 335px) and (max-width: 768px) {
.pane-adsense-managed-1 {display: block !important;}
.pane-adsense-managed-2 {display: none !important;}
.pane-adsense-managed-0 {display: none !important;}
}
/*
* Smartphone sizes and down
*/
/* Gutters */
#main-content,.block-inner,.pane-inner,.menu-wrapper,.branding-elements,.breadcrumb-wrapper,.attribution,.at-panel .rounded-corner,.block-panels-mini > .block-title,div.messages {margin-left:10px;margin-right:10px;} #content .panel-display,#content .panel-flexible {margin-left:-10px;margin-right:-10px;}
/* bigscreen three_col_grail */
html {font-family: standard} /* Font family for media_queries.js */
.container {width:100%;max-width:1140px}
#content-column,.content-column,div.sidebar {float: left; clear: none}
/* Limit column width for readability. */
.no-sidebars .content-inner {
margin-left: auto;
margin-right: auto;
max-width: 501.625px;
}
.two-sidebars .content-inner {margin-left: 28%; margin-right: 28%}
.sidebar-first .content-inner {margin-left: 28%; margin-right: 0}
.sidebar-second .content-inner {margin-right: 28%; margin-left: 0}
.region-sidebar-first {width: 28%; margin-left: -100%}
.region-sidebar-second {width: 28%; margin-left: -28%}
.at-panel .region {display:inline;float:left}.two-50 > .region,.two-brick > .panel-row > .region,.three-25-50-25 > div.region-three-25-50-25-second,.three-50-25-25 > div.region-three-50-25-25-first,.three-25-25-50 > div.region-three-25-25-50-third,.five-5x20 > .row-1 div.region-five-first,.five-5x20 .row-1 div.region-five-second {width:50%}.two-33-66 > .region-two-33-66-first,.two-66-33 > .region-two-66-33-second,.three-3x33 > .region,.five-5x20 > .panel-row > .region,.three-inset-right > .inset-wrapper > div.region-three-inset-right-inset,.three-inset-left > .inset-wrapper > div.region-three-inset-left-inset {width:33.333333%}.two-33-66 > .region-two-33-66-second,.two-66-33 > .region-two-66-33-first,.three-inset-right > .inset-wrapper > div.region-three-inset-right-middle,.three-inset-left > .inset-wrapper > div.region-three-inset-left-middle {width:66.666666%}.two-brick > .panel-row {float:none}.three-25-50-25 > .region,.three-50-25-25 > .region,.three-25-25-50 > .region,.three-inset-right > .region-three-inset-right-sidebar,.three-inset-left > .region-three-inset-left-sidebar {width:25%}.four-4x25 > .panel-row > .region,.four-4x25 > .panel-row {width:50%;float:left}.five-5x20 > .panel-row,.six-6x16 > .panel-row > .region {float:none;display:block;width:100%;clear:both}.three-inset-right > .inset-wrapper {width:75%;float:left}.three-inset-right > .inset-wrapper > .region,.three-inset-left > .inset-wrapper > .region {width:100%}.three-inset-left > .region-three-inset-left-sidebar,.three-inset-left > .inset-wrapper,.three-inset-left > .inset-wrapper > .region-three-inset-left-middle {float:right}.three-inset-left > .inset-wrapper {width:75%}.six-6x16 > .panel-row {width:33.333333%;float:left}
/* smartphone_portrait one_col_stack */
@media screen and (max-width:320px) {
html {font-family: smartphone_portrait} /* Font family for media_queries.js */
.container {width:100%}
div#content-column,div.content-inner,.sidebar-first div.content-inner,.sidebar-second div.content-inner,.two-sidebars div.content-inner,div.sidebar,.sidebar-first div.sidebar,.sidebar-second div.sidebar,.two-sidebars div.sidebar,div.region .block {float:none;clear:both;display:block;width:100%;margin-left:0;margin-right:0}
.at-panel .region,.at-panel .panel-row,.at-panel .panel-row .region,.at-panel .inset-wrapper{float:none;display:block;width:100%}
}
/* smartphone_landscape one_col_stack */
@media screen and (min-width:321px) and (max-width:480px) {
html {font-family: smartphone_landscape} /* Font family for media_queries.js */
.container {width:100%}
div#content-column,div.content-inner,.sidebar-first div.content-inner,.sidebar-second div.content-inner,.two-sidebars div.content-inner,div.sidebar,.sidebar-first div.sidebar,.sidebar-second div.sidebar,.two-sidebars div.sidebar,div.region .block {float:none;clear:both;display:block;width:100%;margin-left:0;margin-right:0}
.at-panel .region {display:inline;float:left}.two-50 > .region,.two-33-66 > .region,.two-66-33 > .region,.two-brick > .panel-row > .region,.three-25-50-25 > .region,.three-50-25-25 > .region,.three-25-25-50 > .region,.three-3x33 > .region,.four-4x25 > .panel-row > .region,.four-4x25 > .panel-row,.five-5x20 > .panel-row > .region,.five-5x20 > .panel-row,.three-inset-right > .inset-wrapper,.three-inset-right > .inset-wrapper > .region,.three-inset-right > .region-three-inset-right-sidebar,.three-inset-left > .inset-wrapper,.three-inset-left > .inset-wrapper > .region,.three-inset-left > .region-three-inset-left-sidebar,.six-6x16 > .panel-row > .region,.six-6x16 > .panel-row {float:none;display:block;width:100%;clear:both}
}
/* tablet_portrait one_col_stack */
@media screen and (min-width:481px) and (max-width:768px) {
html {font-family: tablet_portrait} /* Font family for media_queries.js */
.container {width:100%}
div#content-column,div.content-inner,.sidebar-first div.content-inner,.sidebar-second div.content-inner,.two-sidebars div.content-inner,div.sidebar,.sidebar-first div.sidebar,.sidebar-second div.sidebar,.two-sidebars div.sidebar,div.region .block {float:none;clear:both;display:block;width:100%;margin-left:0;margin-right:0}
.at-panel .region {display:inline;float:left}.two-50 > .region,.two-brick > .panel-row > .region,.three-50-25-25 > .region-three-50-25-25-second,.three-50-25-25 .region-three-50-25-25-third,.three-3x33 > .region,.four-4x25 > .panel-row > .region,.five-5x20 > .panel-row > div.region {width:50%}.two-33-66 > .region-two-33-66-first,.two-66-33 > .region-two-66-33-second {width:33.333333%}.two-33-66 > .region-two-33-66-second,.two-66-33 > .region-two-66-33-first {width:66.666666%}.two-brick > .panel-row {float:none}.three-25-50-25 > .region-three-25-50-25-first,.three-50-25-25 > .region-three-50-25-25-first,.three-25-25-50 > .region-three-25-25-50-first,.three-3x33 > div.region-three-33-first,.four-4x25 > .panel-row,.five-5x20 > div.panel-row,.five-5x20 > div.panel-row > div.region-five-fifth,.three-inset-right > .inset-wrapper > .region,.three-inset-left > .inset-wrapper > .region,.six-6x16 > .panel-row {float:none;display:block;width:100%;clear:both}.three-25-50-25 > div.region-three-25-50-25-second,.three-25-25-50 > div.region-three-25-25-50-third {width:75%}.three-25-50-25 > div.region-three-25-50-25-third,.three-25-25-50 > div.region-three-25-25-50-second,.three-inset-right > .region-three-inset-right-sidebar {width:25%}.three-inset-right > .inset-wrapper {width:75%;float:left}.three-inset-left > .region-three-inset-left-sidebar {width:25%;float:right}.three-inset-left > .inset-wrapper {width:75%;float:right}.six-6x16 > .panel-row > .region {width:50%;float:left}
}
/* tablet_landscape three_col_grail */
@media screen and (min-width:769px) and (max-width:1024px) {
html {font-family: tablet_landscape} /* Font family for media_queries.js */
.container {width:100%}
#content-column,.content-column,div.sidebar {float: left; clear: none}
.two-sidebars .content-inner {margin-left: 32%; margin-right: 32%}
.sidebar-first .content-inner {margin-left: 32%; margin-right: 0}
.sidebar-second .content-inner {margin-right: 32%; margin-left: 0}
.region-sidebar-first {width: 32%; margin-left: -100%}
.region-sidebar-second {width: 32%; margin-left: -32%}
.at-panel .region {display:inline;float:left}.two-50 > .region,.two-brick > .panel-row > .region,.three-25-50-25 > div.region-three-25-50-25-second,.three-50-25-25 > div.region-three-50-25-25-first,.three-25-25-50 > div.region-three-25-25-50-third,.five-5x20 > .row-1 div.region-five-first,.five-5x20 .row-1 div.region-five-second {width:50%}.two-33-66 > .region-two-33-66-first,.two-66-33 > .region-two-66-33-second,.three-3x33 > .region,.five-5x20 > .panel-row > .region,.three-inset-right > .inset-wrapper > div.region-three-inset-right-inset,.three-inset-left > .inset-wrapper > div.region-three-inset-left-inset {width:33.333333%}.two-33-66 > .region-two-33-66-second,.two-66-33 > .region-two-66-33-first,.three-inset-right > .inset-wrapper > div.region-three-inset-right-middle,.three-inset-left > .inset-wrapper > div.region-three-inset-left-middle {width:66.666666%}.two-brick > .panel-row {float:none}.three-25-50-25 > .region,.three-50-25-25 > .region,.three-25-25-50 > .region,.three-inset-right > .region-three-inset-right-sidebar,.three-inset-left > .region-three-inset-left-sidebar {width:25%}.four-4x25 > .panel-row > .region,.four-4x25 > .panel-row {width:50%;float:left}.five-5x20 > .panel-row,.six-6x16 > .panel-row > .region {float:none;display:block;width:100%;clear:both}.three-inset-right > .inset-wrapper {width:75%;float:left}.three-inset-right > .inset-wrapper > .region,.three-inset-left > .inset-wrapper > .region {width:100%}.three-inset-left > .region-three-inset-left-sidebar,.three-inset-left > .inset-wrapper,.three-inset-left > .inset-wrapper > .region-three-inset-left-middle {float:right}.three-inset-left > .inset-wrapper {width:75%}.six-6x16 > .panel-row {width:33.333333%;float:left}
}
/* bigscreen three_col_grail */
@media screen and (min-width:1025px) {
html {font-family: standard} /* Font family for media_queries.js */
}
@media screen and (max-width:480px) {
.search-row div{
display: none;
}
.search-row .views-field-title{
font-size: 1em;
}
.search-row .views-field-body,
.search-row .views-field-title{
margin-left: 0;
}
}
/*
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5),
only screen and (min-device-width : 768px) and (max-device-width : 1024px),
only screen and (min-device-width : 320px) and (max-device-width : 480px),
only screen and (max-width: 925px)
{
.nav .block-main-menu{
display: none;
}
.nav h2.block-title{
background-color: inherit;
border-radius: 0;
font-size: 27px !important;
}
.nav .block-menu-mobile-menu{
display:inline;
background: url(/sites/all/themes/atheistrepublic/images/menu-icon.png);
background-repeat: no-repeat;
color: #fff;
height: 40px !important;
width: 40px;
float: left;
}
.nav .block-menu-mobile-menu > h2{
display: inline;
float: left;
padding-left: 45px;
clip:auto !important;
width: auto !important;
height: inherit !important;
}
.nav .menu{
visibility:hidden;
opacity:0;
-webkit-transition:visibility 0s linear 0.2s,opacity 0.2s linear;
-moz-transition:visibility 0s linear 0.2s,opacity 0.2s linear;
transition:visibility 0s linear 0.2s,opacity 0.2s linear;
margin: 40px 0 0 0 !important;
padding: 5px 0 0 0 !important;
width: 300px !important;
text-align: center;
position: absolute;
margin-left: 10px !important;
}
.nav .menu > li{
font-size: 22px !important;
}
.nav .block-menu-mobile-menu:focus > .menu,
.nav .block-menu-mobile-menu:hover > .menu,
.nav .block-menu-mobile-menu:active > .menu
{
visibility:visible;
opacity:1;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
transition-delay:0s;
}
.nav .menu {
-webkit-box-shadow: 0px 11px 30px 0px rgba(56, 56, 56, 1);
-moz-box-shadow: 0px 11px 30px 0px rgba(56, 56, 56, 1);
box-shadow: 0px 11px 30px 0px rgba(56, 56, 56, 1);
}
.nav .menu > li{
width: 100%;
}
}
*/