/*

Shane's World
http://www.shanesworld.ca/

*/

/* global */
.navbar { display: none ; }
html { margin: 0 ; padding: 0 ; overflow-x: hidden ; background-color: #f9f9f9 ; }
body { margin: 0 ; padding: 1.0em 0 0 0 ; background-color: #f9f9f9 ; }
.no-gutter > [class*='col-'] { padding-right: 0 ; padding-left: 0 ; }

/* global - layout */
.main-container { margin: 0 auto ; padding: 0 ; }
.region-header { margin: 0 ; padding: 0 ; }
.region-content { margin: 0 ; padding: 0 ; }
.region-content a:link,
.region-content a:active,
.region-content a:visited { color: #aa2323  ; text-decoration: none ; }
.region-content a:hover { color: #000000 ; text-decoration: none ; }

/* region - header */
h1.page-header { display: none ; }
p.lead { display: none ; }
.region-content #block-views-logo-block { margin: 0 auto 1.5em auto ; padding: 0 ; max-width: 100% ; }
.region-content #block-views-logo-block .view-content { text-align: center ; }
.region-content #block-views-logo-block .view-content .views-field-field-photograph-logo img { background-color: #ffffff ; margin: 1.5em auto 1.0em auto ; border-radius: 150px ; -webkit-border-radius: 150px ; -moz-border-radius: 150px ; border: 1px solid #7F7F7F ; padding: 4px ; margin-bottom: 1.0em ; }
.region-content #block-views-logo-block .view-footer { text-align: center ; }

/* region - header - menu */
.region-content #block-superfish-1 { margin: 0 0 2.0em 0 ; padding: 0 ; text-align: center ; border-top: 1px solid #eeeeee ; border-bottom: 1px solid #eeeeee ; background-color: #ffffff ; }
.region-content #block-superfish-1 ul#superfish-1 { margin: 0 ; padding: 0 ; display: inline-block ; float: none ; vertical-align: top ; }
.region-content #block-superfish-1 li { background-color: transparent ; font-size: 1.4em ; font-family: Roboto ; }
.region-content #block-superfish-1 li.sf-depth-1 a { text-align: center ; }
.region-content #block-superfish-1 li a:link,
.region-content #block-superfish-1 li a:active,
.region-content #block-superfish-1 li a:visited { color: #000000 ; }
.region-content #block-superfish-1 li a:hover { color: #aa2323 ; text-decoration: none ; background-color: #efefef ; }
.region-content #block-superfish-1 li.active-trail { background-color: #efefef ; }

/* region - content - podcast - front - full */
.front .region-content section#block-views-fc9589a7ad614f4ee26ee0c86d3900f1 .view-frontpage-podcast-episodes .node-podcast-episode { margin-bottom: 1.0em ; border: 1px solid #eeeeee ; background-color: #ffffff ; }
.front .region-content section#block-views-fc9589a7ad614f4ee26ee0c86d3900f1 .view-frontpage-podcast-episodes .node-podcast-episode .field-name-field-podcast-photograph {}
.front .region-content section#block-views-fc9589a7ad614f4ee26ee0c86d3900f1 .view-frontpage-podcast-episodes .node-podcast-episode .field-name-title { padding: 0 0 0 0.4em ; font-family: 'Didact Gothic' ; font-weight: bold ; font-size: 2.75em ; }
.front .region-content section#block-views-fc9589a7ad614f4ee26ee0c86d3900f1 .view-frontpage-podcast-episodes .node-podcast-episode .field-name-post-date { padding: 0 0 0.5em 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.front .region-content section#block-views-fc9589a7ad614f4ee26ee0c86d3900f1 .view-frontpage-podcast-episodes .node-podcast-episode .field-name-field-podcast-summary { padding: 0 0 0 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.front .region-content section#block-views-fc9589a7ad614f4ee26ee0c86d3900f1 .view-frontpage-podcast-episodes .node-podcast-episode .field-name-body { padding: 0 0 0 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.front .region-content section#block-views-fc9589a7ad614f4ee26ee0c86d3900f1 .view-frontpage-podcast-episodes .node-podcast-episode .field-name-field-podcast-body { padding: 0 0 0 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.front .region-content section#block-views-fc9589a7ad614f4ee26ee0c86d3900f1 .view-frontpage-podcast-episodes .node-podcast-episode .field-name-field-podcast-episode-mp3 { padding: 0 0 1.0em 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.front .region-content section#block-views-fc9589a7ad614f4ee26ee0c86d3900f1 .view-frontpage-podcast-episodes .node-podcast-episode .field-name-field-podcast-which { padding: 0 0 0 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.front .region-content section#block-views-fc9589a7ad614f4ee26ee0c86d3900f1 .view-frontpage-podcast-episodes .node-podcast-episode .field-name-field-podcast-episode-number { padding: 0 0 0 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.front .region-content section#block-views-fc9589a7ad614f4ee26ee0c86d3900f1 .view-frontpage-podcast-episodes .node-podcast-episode .field-name-field-podcast-episode-number .label-inline { padding-right: 0.25em ; display: inline ; }
.front .region-content section#block-views-fc9589a7ad614f4ee26ee0c86d3900f1 .view-frontpage-podcast-episodes .node-podcast-episode .field-name-field-podcast-tags { padding: 0 0 1.0em 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }

/* region - content - podcast - front - grid */
.front .region-content section#block-views-57379cbbb412a77e0c96fb9a0c0f43fc .view-frontpage-podcast-episodes .node-podcast-episode { padding-bottom: 2.0em ; border: 1px solid #eeeeee ; background-color: #ffffff ; }
.front .region-content section#block-views-57379cbbb412a77e0c96fb9a0c0f43fc .view-frontpage-podcast-episodes .node-podcast-episode .field-name-field-podcast-photograph,
.front .region-content section#block-views-57379cbbb412a77e0c96fb9a0c0f43fc .view-frontpage-podcast-episodes .node-podcast-episode .field-name-field-podcast-video { margin-bottom: 2.0em ; box-shadow: none ; }
.front .region-content section#block-views-57379cbbb412a77e0c96fb9a0c0f43fc .view-frontpage-podcast-episodes .node-podcast-episode .field-name-title { margin: 0 ; padding: 0 0 0.5em 0.75em ;  font-family: 'Didact Gothic' ; font-weight: bold ; font-size: 1.5em ; }
.front .region-content section#block-views-57379cbbb412a77e0c96fb9a0c0f43fc .view-frontpage-podcast-episodes .node-podcast-episode .field-name-post-date { margin: 0 0 1.0em 1.0em ; padding: 0 ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.0em ; }
.front .region-content section#block-views-57379cbbb412a77e0c96fb9a0c0f43fc .view-frontpage-podcast-episodes .node-podcast-episode .field-name-field-podcast-which { padding: 0 0 0 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.0em ; }
.front .region-content section#block-views-57379cbbb412a77e0c96fb9a0c0f43fc .view-frontpage-podcast-episodes .node-podcast-episode .field-name-field-podcast-episode-number { padding: 0 0 0 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.0em ; }
.front .region-content section#block-views-57379cbbb412a77e0c96fb9a0c0f43fc .view-frontpage-podcast-episodes .node-podcast-episode .field-name-field-podcast-episode-number .label-inline { padding-right: 0.25em ; display: inline ; }

/* region - content - page - full */
.node-type-page .region-content .node-page { padding: 2.0em ; border: 1px solid #eeeeee ; background-color: #ffffff ; }
.node-type-page .region-content .field-name-title h1 { margin: 0 0 0.5em 0 ; padding: 0 ; font-family: 'Didact Gothic' ; font-weight: bold ; font-size: 2.75em ; }
.node-type-page .region-content .field-name-field-page-body { padding: 0 ; }
.node-type-page .region-content .field-name-field-page-body h2 { color: #7f7f7f ; font-family: 'Didact Gothic' ; }
.node-type-page .region-content .field-name-field-page-body h3 { color: #7f7f7f ; font-family: 'Didact Gothic' ; }
.node-type-page .region-content .field-name-field-page-body h4 { color: #7f7f7f ; font-family: 'Didact Gothic' ; }
.node-type-page .region-content .field-name-field-page-body p,
.node-type-page .region-content .field-name-field-page-body li { padding: 0 ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }

/* region - content - taxonomy - landing - full */
.page-taxonomy .region-content .podcast-description { margin-bottom: 1.0em ; padding: 2.0em ; border: 1px solid #eeeeee ; background-color: #ffffff ; }
.page-taxonomy .region-content .podcast-description p,
.page-taxonomy .region-content .podcast-description li { padding: 0 ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }

/* region - content - taxonomy - teaser */
.page-taxonomy .view-taxonomy-term .node-podcast-episode { margin-bottom: 1.0em ; border: 1px solid #eeeeee ; background-color: #ffffff ; }
.page-taxonomy .view-taxonomy-term .node-podcast-episode .field-name-field-podcast-photograph {  }
.page-taxonomy .view-taxonomy-term .node-podcast-episode .field-name-title { font-family: 'Didact Gothic' ; font-weight: bold ; font-size: 2.75em ; }
.page-taxonomy .view-taxonomy-term .node-podcast-episode .field-name-title h2 { margin-top: 0 ; }
.page-taxonomy .view-taxonomy-term .node-podcast-episode .field-name-post-date { padding: 0 0 0.5em 0 ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.page-taxonomy .view-taxonomy-term .node-podcast-episode .field-name-body { padding-right: 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.page-taxonomy .view-taxonomy-term .node-podcast-episode .field-name-field-podcast-body { padding-right: 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.page-taxonomy .view-taxonomy-term .node-podcast-episode .field-name-field-podcast-episode-mp3 { padding: 0 0 0.5em 0 ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.page-taxonomy .view-taxonomy-term .node-podcast-episode .field-name-field-podcast-which { font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.page-taxonomy .view-taxonomy-term .node-podcast-episode .field-name-field-podcast-episode-number { padding: 1.0em 0 0 0 ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.page-taxonomy .view-taxonomy-term .node-podcast-episode .field-name-field-podcast-episode-number .label-inline { padding: 0 0.25em 0 0 ; display: inline ; }
.page-taxonomy .view-taxonomy-term .node-podcast-episode .field-name-field-podcast-tags { font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }

/* region - content - podcast - landing - full */
.page-podcast .region-content .podcast-description { margin-bottom: 1.0em ; padding: 2.0em ; border: 1px solid #eeeeee ; background-color: #ffffff ; }
.page-podcast .region-content .podcast-description p,
.page-podcast .region-content .podcast-description li { padding: 0 ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }

/* region - content - podcast - full */
.node-type-podcast-episode .region-content .node-podcast-episode { border: 1px solid #eeeeee ; background-color: #ffffff ; }
.node-type-podcast-episode .node-podcast-episode .field-name-field-podcast-photograph {}
.node-type-podcast-episode .node-podcast-episode .field-name-title { padding: 0 0 0 0.45em ; font-family: 'Didact Gothic' ; font-weight: bold ; font-size: 2.75em ; }
.node-type-podcast-episode .node-podcast-episode .field-name-post-date { padding: 0 0 0.5em 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.node-type-podcast-episode .node-podcast-episode .field-name-body { padding: 0 0 0 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.node-type-podcast-episode .node-podcast-episode .field-name-field-podcast-body { padding: 0 0 0 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.node-type-podcast-episode .node-podcast-episode .field-name-field-podcast-episode-mp3 { padding: 0 0 1.0em 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.node-type-podcast-episode .node-podcast-episode .field-name-field-podcast-which { padding: 0 0 0 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.node-type-podcast-episode .node-podcast-episode .field-name-field-podcast-episode-number { padding: 0 0 0 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.node-type-podcast-episode .node-podcast-episode .field-name-field-podcast-episode-number .label-inline { padding-right: 0.25em ; display: inline ; }
.node-type-podcast-episode .node-podcast-episode .field-name-field-podcast-tags { padding: 0 0 1.0em 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }

/* region - content - podcast - teaser */
.page-podcast .view-podcasts .node-podcast-episode { margin-bottom: 1.0em ; border: 1px solid #eeeeee ; background-color: #ffffff ; }
.page-podcast .view-podcasts .node-podcast-episode .field-name-field-podcast-photograph {  }
.page-podcast .view-podcasts .node-podcast-episode .field-name-title { font-family: 'Didact Gothic' ; font-weight: bold ; font-size: 2.75em ; }
.page-podcast .view-podcasts .node-podcast-episode .field-name-title h2 { margin-top: 0 ; }
.page-podcast .view-podcasts .node-podcast-episode .field-name-post-date { padding: 0 0 0.5em 0 ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.page-podcast .view-podcasts .node-podcast-episode .field-name-body { padding-right: 1.0em ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.page-podcast .view-podcasts .node-podcast-episode .field-name-field-podcast-episode-mp3 { padding: 0 0 0.5em 0 ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.page-podcast .view-podcasts .node-podcast-episode .field-name-field-podcast-which { font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.page-podcast .view-podcasts .node-podcast-episode .field-name-field-podcast-episode-number { padding: 1.0em 0 0 0 ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.page-podcast .view-podcasts .node-podcast-episode .field-name-field-podcast-episode-number .label-inline { padding: 0 0.25em 0 0 ; display: inline ; }
.page-podcast .view-podcasts .node-podcast-episode .field-name-field-podcast-tags { font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }

/* region - content - archive - full */
.page-archive .view-archive { padding: 2.0em ; border: 1px solid #eeeeee ; background-color: #ffffff ; } 
.page-archive .view-archive .view-header h1 { margin: 0 0 0.5em 0 ; padding: 0 ; font-family: 'Didact Gothic' ; font-weight: bold ; font-size: 2.75em ; }
.page-archive .view-archive .view-content p,
.page-archive .view-archive .view-content li { padding: 0 ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }

/* region - content - footer */
.footer { margin-top: 1.0em ; padding: 0 ; border-top: 2px solid #000000 ; width: 100% ; }
.footer .region-footer { margin: 0 ; padding: 0 0 2.0em 0 ; background-color: #232323 ; }
.footer .region-footer p { color: #ffffff ; }
.footer .region-footer a:link,
.footer .region-footer a:active,
.footer .region-footer a:visited { color: #aa2323 ; font-family: 'Roboto' ; font-weight: 300 ; font-size: 1.15em ; }
.footer .region-footer a:hover { color: #ffffff ; text-decoration: none ; }

/* region - content - footer - instagram */
.footer .region-footer section#block-block-17 { margin-bottom: 1.0em ; padding-left: 0 ; padding-right: 0 ; }
.footer .region-footer section#block-block-17 a:link,
.footer .region-footer section#block-block-17 a:active,
.footer .region-footer section#block-block-17 a:visited { padding: 0 ; }
.footer .region-footer section#block-block-17 a:hover { padding: 0 ; }
.footer .region-footer section#block-block-17 img.instagram-photo { opacity: 1 ; -webkit-transition: 0.4s ease-in-out ; -moz-transition: 0.4s ease-in-out ; -ms-transition: 0.4s ease-in-out ; -o-transition: 0.4s ease-in-out ; transition: 0.4s ease-in-out ;  }
.footer .region-footer section#block-block-17 img.instagram-photo:hover { opacity: 0.8 ; -webkit-transition: 0.4s ease-in-out ; -moz-transition: 0.4s ease-in-out ; -ms-transition: 0.4s ease-in-out ; -o-transition: 0.4s ease-in-out ; transition: 0.4s ease-in-out ; } 

/* tiny devices, tiny screens */
@media only screen and (min-width : 280px) {
.region-content { margin: 0 ; padding: 0 1.0em ; }
.region-content #block-superfish-1 .sf-accordion-toggle { padding: 1.0em ; background-color: #000000 ; color: #ffffff ; text-align: left ; }
.region-content #superfish-1-toggle { margin: 0 ; padding: 0 ; background-color: transparent ; border: 0 ; }
.region-content a:link#superfish-1-toggle, 
.region-content a:active#superfish-1-toggle, 
.region-content a:visited#superfish-1-toggle { font-size: 1.9em ; font-weight: bold ; color: #ffffff ; text-decoration: none ; }
.region-content a:hover#superfish-1-toggle { font-size: 1.9em ; font-weight: bold ; color: #ffffff ; text-decoration: none ; }
.region-footer section#block-block-17 img.instagram-photo { width: 100% ; }
}

/* small devices, iphone screens */
@media only screen and (min-width : 320px) {
.region-content { margin: 0 ; padding: 0 1.0em ; }
.region-content #block-superfish-1 .sf-accordion-toggle { padding: 1.0em ; background-color: #000000 ; color: #ffffff ; text-align: left ; }
.region-content #superfish-1-toggle { margin: 0 ; padding: 0 ; background-color: transparent ; border: 0 ; }
.region-content a:link#superfish-1-toggle, 
.region-content a:active#superfish-1-toggle, 
.region-content a:visited#superfish-1-toggle { font-size: 1.9em ; font-weight: bold ; color: #ffffff ; text-decoration: none ; }
.region-content a:hover#superfish-1-toggle { font-size: 1.9em ; font-weight: bold ; color: #ffffff ; text-decoration: none ; }
.region-footer section#block-block-17 img.instagram-photo { width: 100% ; }
}

/* small devices, phones screens */
@media only screen and (min-width : 480px) {
.region-content { margin: 0 ; padding: 0 1.0em ; }
.region-content #block-superfish-1 .sf-accordion-toggle { padding: 1.0em ; background-color: #000000 ; color: #ffffff ; text-align: left ; }
.region-content #superfish-1-toggle { margin: 0 ; padding: 0 ; background-color: transparent ; border: 0 ; }
.region-content a:link#superfish-1-toggle, 
.region-content a:active#superfish-1-toggle, 
.region-content a:visited#superfish-1-toggle { font-size: 1.9em ; font-weight: bold ; color: #ffffff ; text-decoration: none ; }
.region-content a:hover#superfish-1-toggle { font-size: 1.9em ; font-weight: bold ; color: #ffffff ; text-decoration: none ; }
.region-footer section#block-block-17 img.instagram-photo { width: 100% ; }
}

/* small devices, tablets screens */
@media only screen and (min-width : 768px) {
/* region - content */
.region-content { margin: 0 ; padding: 0 ; }
/* region - content - footer */
.region-footer section#block-block-17 img.instagram-photo { width: 100% ; }
}

/* medium devices, desktop screens */
@media only screen and (min-width : 992px) {
/* region - content */
.region-content { margin: 0 ; padding: 0 ; }
}

/* large devices, desktops, wide screens */
@media only screen and (min-width : 1200px) {
/* region - content */
.region-content { margin: 0 ; padding: 0 ; }
}