body {
background: #f5f5f5 url(//srfcalgary.ca/wp-content/themes/calgarysrf/img/top-bg.jpg) repeat-x top;
margin: 0;
font-size: 17px;
font-family: 'Lato', sans-serif;
color: #385773;
}
.container {
padding-left: 0;
padding-right: 0;
}
.row {
margin-left: 0;
margin-right: 0;
}
blockquote small {
color: #385773;
}
img {
max-width: 100%;
height: auto;
}
img.alignright {
float: right;
margin: 0 0 1em 1em
}
img.alignleft {
float: left;
margin: 0 1em 1em 0
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
a img.alignright {
float: right;
margin: 0 0 1em 1em
}
a img.alignleft {
float: left;
margin: 0 1em 1em 0
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
} table {
border: 1px solid #ccc;
} .btn-default {
background: #fff;
color: #043364;
border: 1px solid #fff;
}
.btn-default:hover {
color: #fff;
background: #043364;
border: 1px solid #043364;
}
#main .btn-default {
color: #fff;
background: #043364;
border: 1px solid #043364;
}
#main .btn-default:hover {
background: #fff;
color: #043364;
border: 1px solid #043364;
}
#bottom .btn-blue {
background: #043364;
color: #fff;
border: 1px solid #043364;
margin-top: 30px;
font-size: 17px;
}
#bottom .btn-blue:hover {
color: #043364;
background: #fff;
border: 1px solid #fff;
}
.nav-previous a, .nav-next a {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #fff;
background: #043364;
border: 1px solid #043364;
}
.more-link.btn {
color: #fff;
background: #043364;
border: 1px solid #043364;
}
.more-link.btn:hover, .nav-previous a:hover, .nav-next a:hover {
background: #fff;
color: #043364;
border: 1px solid #043364;
}
.nav-next a {
float: right;
}
h1, h2, h3, h4, h5 {
font-family: 'Dancing Script', cursive;
font-weight: normal;
font-style: normal;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 28px;
}
h4 {
font-size: 26px;
}  .wpcf7-form p {
width: 100%;
float: left;
}
div.wpcf7-mail-sent-ok {
float: left;
padding: 5px;
} .google-map {
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
border: 3px solid #fff;
}
iframe {
width: 100%;
}
.responsive-iframe {
max-width: 100%;
overflow: hidden;
border: 3px solid #fff;
}
#bottom .responsive-iframe {
max-height: 325px;
margin-bottom: 10px;
}
#main iframe, #main img {
box-shadow: 0px 2px 3px 0px #c3cacd;
}
#main article img {
border: 1px solid #fff;
} .form-control {
border: none;
padding: 6px 12px;
height: 34px;
}
input {
max-width: 1050px;
float: left;
margin-right: 10px;
} #top {
background: url(//srfcalgary.ca/wp-content/themes/calgarysrf/img/header-bg.jpg)repeat-x bottom;
}
.ie8 header#top {
display: block;
background-image: url(//srfcalgary.ca/wp-content/themes/calgarysrf/img/header-bg.jpg);
background-repeat: repeat-x;
background-position: bottom;
}
#top img {
margin: 0 auto;
display: block;
}
#top h1 {
margin: 0;
} .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
.navbar {
border: none;
margin-bottom: 0;
min-height: 0;
border-radius: 0;
}
.navbar-nav, .navbar-nav>li {
float: none;
}
.navbar-nav>li {
display: inline-block;
}
.navbar-default {
text-align: center;
}
.navbar-default .navbar-nav>li>a {
color: #edd462;
font-size: 16px;
float: none;
display: inline-block;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
color: #fff
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
color: #fff;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .dropdown-menu>li>a:hover {
background: transparent;
}
.navbar-default, .dropdown-menu {
background: #023162;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
background: transparent;
}
.dropdown-menu>li>a {
color: #fff;
font-size: 16px;
line-height: 1.8em;
text-align: left;
}
.dropdown-menu>li>a:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover {
color: #edd462;
} #slideshow {
background: url(//srfcalgary.ca/wp-content/themes/calgarysrf/img/slideshow-bg.jpg) repeat-x;
width: 100%;
float: left;
padding: 10px 0;
}
#slideshow .col-md-12 {
padding-left: 0;
padding-right: 0;
} .rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
border: 3px solid #fff;
box-shadow: none;
}
.ie8 .callbacks_nav {
display: none;
}
.callbacks_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 58%;
left: 6px;
opacity: 0.2;
z-index: 3;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 38px;
width: 38px;
border-radius: 100px;
background: transparent url(//srfcalgary.ca/wp-content/themes/calgarysrf/img/prev-next.gif) no-repeat -2px -11px;
margin-top: -45px;
}
.callbacks_nav:active {
opacity: 1.0;
}
.callbacks_nav:hover {
opacity: .4;
}
.callbacks_nav.next {
left: auto;
background-position: -38px -11px;
right: 6px;
} #main {
padding-bottom: 20px;
min-height: 450px;
clear: both;
}
h1.entry-title {
font-family: 'Lato', sans-serif;
font-size: 27px;
word-wrap: break-word;
}
#main .entry-content h2, #main .page h2 {
font-family: 'Lato', sans-serif;
font-size: 24px;
}
#main h2 {
font-size: 22px;
margin: 25px 0 10px 0;
font-family: 'Lato', sans-serif;
}
#main h3 {
font-size: 16px;
text-transform: none;
font-weight: bold;
font-family: 'Lato', sans-serif;
letter-spacing: .1ex;
}
.home #attachment_907 {
margin: 0 auto;
display: block;
}
.wp-caption-text {
text-align: center;
}
#sidebar aside {
margin-top: 30px;
} #features .feature-box {
background: #fff;
min-height: 325px;
box-shadow: 0px 2px 3px 0px #c3cacd;
}
#main #features .feature-box h2 {
text-align: center;
width: 100%;
padding: 7px 0;
background: #426489;
font-size: 30px;
margin: 0;
font-weight: normal;
font-family: 'Dancing Script', cursive;
}
#home-bottom h2 {
font-family: 'Dancing Script', cursive;
font-size: 26px;
}
#features .feature-box h2 a {
color: #fedc78;
}
#features .feature-box h2 a:hover {
color: #fff;
text-decoration: none;
}
#features .feature-box p {
font-size: 15px;
padding: 7px;
line-height: 160%;
}
#home-bottom img {
box-shadow: 0px 2px 3px 0px #c3cacd;
border: 2px solid #fff;
} #sidebar .widget {
background: #fff;
box-shadow: 0px 2px 3px 0px #c3cacd;
}
#sidebar .widget h4, #sidebar .widget h4 a {
text-align: center;
width: 100%;
padding: 7px 0;
background: #426489;
font-size: 30px;
margin: 0;
font-weight: normal;
color: #fedc78;
line-height: 1.15;
}
#sidebar .widget h4 a {
line-height: 1.15;
}
#sidebar .widget h4 a:hover {
text-decoration: none;
color: #fff;
}
#sidebar .widget .textwidget, #sidebar .widget .widget-inside {
padding: 7px;
font-size: 15px;
line-height: 160%;
}
.widget label {
width: 100%;
float: left;
}
.widget select {
width: 100%;
padding: 5px 0;
line-height: 120%;
} #footer-wrapper {
color: #fff;
width: 100%;
float: left;
position: relative;
background: #426489;
}
#bottom h3 {
font-weight: normal;
font-size: 26px;
color: #f4d476;
font-family: 'Dancing Script', cursive;
}
#bottom p {
font-size: 16px;
}
#bottom a {
color: #fff;
}
#bottom .fb_iframe_widget {
margin: 20px 0;
float: left;
}
#footer-border {
background: url(//srfcalgary.ca/wp-content/themes/calgarysrf/img/top-bg.jpg) repeat-x top;
height: 30px;
}
#social {
list-style: none;
padding-left: 0;
}
#social li {
display: inline-block;
float: left;
margin: 10px 10px 10px 0;
}
#bottom .fb_iframe_widget {
text-align: center;
display: block;
float: none;
}
.ie8 #mc-embedded-subscribe {
margin-top: 10px;
} .events-list {
list-style: none;
padding-left: 0;
}
.events-list li {
border-bottom: 1px solid #fff;
padding: 20px 0;
}
section.news {
border-bottom: 1px solid #fff;
padding: 20px 0;
}
#main section.news h3 {
margin-top: 0;
} .blog #main {
padding-top: 20px;
}
.blog #sidebar aside {
margin-top: 0;
}
article.post {
padding: 10px 10px;
background: #fff;
box-shadow: 0px 2px 3px 0px #c3cacd;
margin-bottom: 20px;
}
article.post h1.entry-title {
margin-top: 0;
}
.entry-meta {
margin-bottom: 15px;
font-size: 15px;
}
.wp-post-image {
float: left;
border: 3px solid #fff;
margin: 0 10px 10px 0;
box-shadow: 0px 2px 3px 0px #c3cacd;
} #accordion {
margin-top: 10px;
float: left;
}
.panel-group .panel {
margin-bottom: 20px;
}
#main h2.panel-title {
font-family: 'Lato', sans-serif;
font-size: 18px;
color: #385773;
margin: 0;
} .gallery-item .gallery img {
border: 3px solid #fff;
box-shadow: 0px 2px 3px 0px #c3cacd;
}
body #slb_viewer_wrap .slb_theme_slb_default .slb_data_title, body #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
font-size: 16px;
font-weight: normal;
font-family: 'Lato', sans-serif;
} .gallery-thumb-info, .gallery-thumb-img {
float: left;
width: 100%;
text-align: center;
}
.gallery-thumb-img img {
margin: 0 auto 20px auto;
float: none;
}
article.gallery {
min-height: 250px;
} @media (max-width: 1199px) {
input {
max-width: 100%;
margin-bottom: 10px;
}
.nav>li>a {
padding: 10px 8px;
}
#main {
min-height: 0;
}
}
@media (max-width: 991px) {
.container {
width: 95%;
}
#main h2 {
line-height: 1.5em;
}
footer p {
font-size: 16px;
}
.nav>li>a {
padding: 10px 12px;
}
.navbar-default .navbar-nav>li>a {
font-size: 16px;
}
#features .feature-box {
max-width: 374px;
margin: 0 auto;
min-height: 350px;
}
#sidebar .widget {
width: 50%;
margin: 20px auto;
}
}
@media (max-width: 899px) {
.nav>li>a {
padding: 10px 10px;
}
}
@media (max-width: 800px) {
#main #features .feature-box h2 {
font-size: 26px;
}
}
@media (max-width: 767px) {
.container {
width: 100%;
}
body .navbar-default .navbar-toggle {
background: #fff;
color: #033162;
margin-left: 15px;
float: left;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background: #d5d4e2;
} .navbar {
min-height: 0;
}
.navbar-nav {
margin: 0;
background: #033162;
}
.navbar-nav>li {
float: left;
width: 100%;
text-align: left;
}
.navbar-default .navbar-nav>li>a {
background: transparent;
width: 100%;
padding: 10px 16px;
font-size: 18px;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
width: 100%;
color: #fff;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
color: #fff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border: none;
border-top: none;
}
.navbar .container {
padding-left: 0;
padding-right: 0;
}
.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
margin-left: 0;
margin-right: 0;
}
.navbar-collapse {
padding-left: 0;
padding-right: 0;
}
.navbar-nav .open .dropdown-menu {
background-color: #fff;
padding: 0;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #033162;
padding: 10px 25px;
font-size: 18px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
background: #d5d4e2;
} #slideshow .container {
width: 96%;
}
#features .feature-box {
max-width: 320px;
margin: 0 10px;
float: left;
min-height: 0;
}
#bottom {
text-align: center;
}
#bottom h3 {
margin-top: 1em;
}
#bottom form {
max-width: 260px;
margin: 0 auto;
}
input {
max-width: 250px;
float: none;
}
.google-maps {
margin-top: 30px;
}
#sidebar .widget {
width: 100%;
}
.fb_iframe_widget iframe {
width: 100% !important;
}
body #gallery-2 .gallery-item {
width: 50% !important;
text-align: center !important;
}
}
@media (max-width: 757px) {
#features .feature-box {
max-width: 374px;
margin: 15px auto;
float: none;
}
#features .feature-box p {
font-size: 17px;
}
}
@media (max-width: 472px) {
body {
font-size: 18px;
}
#top {
background: none;
}
h1 {
font-size: 28px;
line-height: 150%;
}
body #gallery-2 .gallery-item, body .gallery-item {
width: 100% !important;
text-align: center !important;
}
input, select, textarea {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 330px) {
#main #features .feature-box h2 {
font-size: 22px;
}
#sidebar .widget {
overflow: hidden;
}
}