html,body{
background: url(//theirturn.net/wp-content/themes/theirturn/images/background.jpg) #c5c7ca repeat;
background-attachment: fixed;
font: 200 16px/1.5em 'Roboto', Helvetica, Arial, sans-serif;
color: #444;
}*{margin: 0; padding: 0; outline: none; box-sizing: border-box;}
@media screen and (max-width: 768px) {
html,body{
font-size: 14px;
line-height: 1.5em;
}
}
header,footer,aside,article,section,nav{display: block;}
h1,h2,h3,h4,h5,h6{margin: 0 0 .25em; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; line-height: 1em;}
h1{font-size: 40px;}
h2{margin: 0 0 1em; font-size: 26px;}
h3{font-size: 26px;}
h4{font-size: 24px;}
h5{font-size: 22px;}
h6{font-size: 18px; font-style: italic;}
p,blockquote,pre,code,ul,ol,table,video,iframe,embed{margin: 0 0 1.5em}
img,video,embed,iframe{display: block; border: 0; max-width: 100%;}
ol,ul{margin: 0 0 1.5em 1.5em;}ul{list-style-type: square;}
ol.gform_fields, ul.gform_fields{margin: 0; list-style-type: none;}
form{width: 100%; float: left;}
::-webkit-input-placeholder {font-size: 14px; color: #999;}
:-moz-placeholder {font-size: 14px; color: #999;}
::-moz-placeholder {font-size: 14px; color: #999;}
:-ms-input-placeholder {font-size: 14px; color: #999;}
input, textarea{width: 100%; margin: 0 0 1em; padding: 15px 10px; border: 1px solid #ccc; background: transparent; box-shadow: inset 0 0 2px #ccc; font-size: 14px; color: #444;}
input[type=checkbox], .widget_wysija .wysija-checkbox{display: block; width: 10px; float: left; margin: 6px 10px 1.5em 0 !important;}
input[type=radio]{width: auto;}
.widget_wysija_cont .wysija-submit, .wysija-paragraph{margin: 0 !important;}
.formError .formErrorContent{position: absolute !important; margin-left: 150px;}
.widget_wysija_cont p{clear: both !important;}
input[type=submit], .widget_wysija_cont .wysija-submit{width: auto; margin: 0; background: #af2f3e; border: 1px solid #af2f3e; box-shadow: none; font: 400 14px/1em 'Roboto Condensed', sans-serif; border-radius: 0; color: #fff; text-transform: uppercase; -webkit-appearance: none;}
a{
color: #5053cd;
text-decoration: none;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}a:hover{
color: #293685;
}
a.button{
display: inline-block;
width: auto;
margin: 0 0 1em;
padding: 15px 10px;
background: #af2f3e;
border: 1px solid #af2f3e;
font: 400 14px/1em 'Roboto Condensed', sans-serif;
color: #fff;
text-transform: uppercase;
}
.clear, .clearfix{clear: both;}
.em1{clear: both; height: 1em;}
.em2{clear: both; height: 2em;}
.em3{clear: both; height: 3em;} .row{clear: both; width: 104%; margin: 0 -2%;}
.one-half,.one-third,.two-thirds,.one-fourth,.three-fourths,.one-sixth{margin: 0 2%; float: left;}
.one-half{width: 46%;}
.one-third{width: 29%;}
.two-thirds{width: 63%;}
.one-fourth{width: 21%;}
.three-fourths{width: 71%;}
.one-sixth{width: 16%;} .aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
clear: both;
width: 96% !important;
background: #cccece;
border: 0;
max-width: 96%; margin: 1.5em 0;
padding: 20px 0 10px;
text-align: center;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0 auto;
max-width: 98.5%;
padding: 0;
}
.wp-caption iframe[src*='youtube.com']{
margin: 0 auto;
max-width: 98.5%;
}
.wp-caption p.wp-caption-text {
font-size: 12px;
line-height: 1.5em;
margin: 0;
padding: 10px;
}  .comment-content img,
.entry-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption {
max-width: 100%;
} .comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img {
height: auto;
} .bypostauthor > article .fn:before,
.comment-edit-link:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.contributor-posts-link:before,
.menu-toggle:before,
.search-toggle:before,
.slider-direction-nav a:before,
.widget_twentyfourteen_ephemera .widget-title:before {
-webkit-font-smoothing: antialiased;
display: inline-block;
font: normal 16px/1 Genericons;
text-decoration: inherit;
vertical-align: text-bottom;
} .site-content span + .entry-date:before,
.full-size-link:before,
.parent-post-link:before,
span + .byline:before,
span + .comments-link:before,
span + .edit-link:before,
.widget_twentyfourteen_ephemera .entry-title:after {
content: "\0020\007c\0020";
}
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a {
text-decoration: underline;
}
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.entry-content a.button,
.entry-summary a.button,
.page-content a.button,
.comment-content a.button {
text-decoration: none;
}
.entry-content table,
.comment-content table {
font-size: 14px;
line-height: 1.2857142857;
margin-bottom: 24px;
}
.entry-content th,
.comment-content th {
font-weight: 700;
padding: 8px;
text-transform: uppercase;
}
.entry-content td,
.comment-content td {
padding: 8px;
}
.comment-reply-title,
.comments-title {
font-size: 16px;
font-weight: 400;
margin: 0 0 1.5em;
text-transform: uppercase;
}
.comment-meta{font-size: 12px;}
.comment-list {
list-style: none;
margin: 0 0 48px 0;
}
.comment-list li{border-bottom: 1px solid #ccc; margin: 0 0 1.5em;}
.comment-author {
font-size: 14px;
line-height: 1.7142857142;
}
.comment-list .reply,
.comment-metadata {
font-size: 12px;
line-height: 2;
text-transform: uppercase;
}
.comment-list .reply {
margin-top: 24px;
}
.comment-author .fn {
font-weight: 900;
}
.comment-author a {
color: #2b2b2b;
}
.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
color: #767676;
}
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
color: #41a62a;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 24px;
padding-top: 24px;
}
.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
border-top: 0;
}
.comment-author {
position: relative;
}
.comment-author .avatar {
border: 1px solid rgba(0, 0, 0, 0.1);
height: 18px;
padding: 2px;
position: absolute;
top: 0;
left: 0;
width: 18px;
}
.bypostauthor > article .fn:before {
content: "\f408";
margin: 0 2px 0 -2px;
position: relative;
top: -1px;
}
.says {
display: none;
}
.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
margin: 0 0 .5em;
}
.comment-edit-link {
margin-left: 10px;
}
.comment-reply-link:before,
.comment-reply-login:before {
content: "\2197";
margin-right: 2px;
}
.comment-content {
-webkit-hyphens: auto;
-moz-hyphens:    auto;
-ms-hyphens:     auto;
hyphens:         auto;
word-wrap: break-word;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 24px 22px;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-content > :last-child {
margin-bottom: 0;
}
.comment-list .children {
list-style: none;
margin-left: 15px;
}
.comment-respond {
margin-bottom: 24px;
padding: 0;
}
.comment .comment-respond {
margin-top: 24px;
}
.comment-respond h3 {
margin-top: 0;
margin-bottom: 24px;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
color: #767676;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
font-size: 14px;
line-height: 1.7142857142;
}
.no-comments {
font-size: 16px;
font-weight: 900;
line-height: 1.5;
margin-top: 24px;
text-transform: uppercase;
}
.comment-form label {
display: block;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
width: 100%;
}
.form-allowed-tags,
.form-allowed-tags code {
font-size: 12px;
line-height: 1.5;
}
.required {
color: #c0392b;
}
.comment-reply-title small a {
color: #2b2b2b;
float: right;
height: 24px;
overflow: hidden;
width: 24px;
}
.comment-reply-title small a:hover {
color: #41a62a;
}
.comment-reply-title small a:before {
content: "\f405";
font-size: 32px;
}
.comment-navigation {
font-size: 12px;
line-height: 2;
margin-bottom: 48px;
text-transform: uppercase;
}
.comment-navigation .nav-next,
.comment-navigation .nav-previous {
display: inline-block;
}
.comment-navigation .nav-previous a {
margin-right: 10px;
}
#comment-nav-above {
margin-top: 36px;
margin-bottom: 0;
}  .wrapper{
width: 1145px; max-width: 100%;
margin: 0 auto;
background: #f4f4f4;
border-left: 5px solid #626269;
border-right: 5px solid #626269;
}
@media screen and (max-width: 768px) {
.wrapper{border-left: 0; border-right: 0;}
input[type=checkbox], .widget_wysija .wysija-checkbox{display: block; width: 10px; float: left; margin: 0 10px 1.5em 0 !important;}
}
header{padding: 20px 0 10px;}
header .desktop{display: block;}
header .mobile{display: none;}
@media screen and (max-width: 640px) {
header{padding: 0;}
header .desktop{display: none;}
header .mobile{display: block;}
}
nav#primary{width: 100%; float: left; background: url(//theirturn.net/wp-content/themes/theirturn/images/bg_nav.jpg);}
nav#primary #menu-button{display: none; width: 100%; padding: 5px; background: #666; font-weight: 500; text-align: center; color: #fff; cursor: pointer;}
nav#primary #menu-button .hamburger{font-family: Verdana, Tahoma, "Courier New", sans-serif; font-size: 19px; line-height: 1em;}
nav#primary ul{margin: 0; list-style-type: none; position: relative; z-index: 9999;}
nav#primary ul li{float: left; border-right: 1px solid #f4f4f4;}
nav#primary ul li.current-menu-item a, nav#primary ul li.current-menu-item:hover a{background: url(//theirturn.net/wp-content/themes/theirturn/images/bg_navactive.jpg);}
nav#primary ul li:hover a{background: url(//theirturn.net/wp-content/themes/theirturn/images/bg_navhover.jpg);}
nav#primary ul li a{display: block; padding: 15px 20px; font-size: 12px; font-weight: 400; color: #ddd; text-transform: uppercase; text-decoration: none;}
nav#primary div#date{float: right; padding: 15px; border-left: 1px solid #f4f4f4; font-weight: 300; font-size: 12px; text-transform: uppercase; color: #ddd;}
nav#primary ul li ul{display: none;}
nav#primary ul li:hover ul{display: block; position: absolute;}
nav#primary ul li ul li{float: none; border-top: 1px solid #666; border-right: 0;}
nav#primary ul li:hover ul li a{background: url(//theirturn.net/wp-content/themes/theirturn/images/bg_nav.jpg);}
nav#primary ul li:hover ul li:hover a{background: url(//theirturn.net/wp-content/themes/theirturn/images/bg_navactive.jpg);}
@media screen and (max-width: 1030px) {
nav#primary ul li a{padding: 15px 10px;}
}
@media screen and (max-width: 850px) {
nav#primary div#date{display: none;}
}
@media screen and (max-width: 740px) {
nav#primary{width: 100%; float: left; background: url(//theirturn.net/wp-content/themes/theirturn/images/bg_nav.jpg);}
nav#primary #menu-button{display: block;}
nav#primary .menu{display: none;}
nav#primary ul{margin: 0; list-style-type: none;}
nav#primary ul li{width: 100%; float: left; border-right: 0;}
nav#primary ul li+li{border-top: 1px solid #777;}
nav#primary ul li.current-menu-item a, nav#primary ul li.current-menu-item:hover a{background: url(//theirturn.net/wp-content/themes/theirturn/images/bg_nav.jpg);}
nav#primary ul li:hover a{background: url(//theirturn.net/wp-content/themes/theirturn/images/bg_nav.jpg);}
nav#primary ul li a{display: block;}
nav#primary ul li ul{display: block; background: #aaa; border-top: 1px solid #777;}
nav#primary ul li:hover ul{display: block; position: relative;}
nav#primary ul li ul li{float: none; border-top: 0; padding-left: 1em;}
nav#primary ul li ul li+li{border-top: 1px solid #888;}
nav#primary ul li:hover ul li a{background: #aaa;}
nav#primary ul li:hover ul li:hover a{background: #aaa;}
}
main{
clear: both;
width: 70%;
float: left;
padding: 3%;
}
main article{width: 100%; float: left; margin: 0 0 3em; padding: 0 0 2em; border-bottom: 1px solid #ddd;}
main article h2{font-size: 30px; margin: 0 0 .25em;}
main article .meta{font-size: 12px; text-transform: uppercase;}
main article section{width: 100%; float: left;}
main article section .headline{width: 20%; float: left; margin: 5px 0 0 0; padding-top: 3px; border-top: 5px solid #666; font-size: 18px; text-transform: capitalize;}
main article section .copy{width: 77%; float: right;}
main article .footer-meta{font-size: 12px; line-height: 1.5em; text-transform: uppercase; color: #888; padding-top: 10px}
@media screen and (max-width: 768px) {
main{width: 100%;}
main{padding: 6% 3%;}
main article h2{font-size: 22px;}
main article section .headline{width: 100%; margin: 0 0 .5em; padding: 0; border-top: 0;}
main article section .copy{width: 100%;}
}
#sidebar{
width: 30%;
float: right;
background: #e5e5e5;
}
#sidebar #searchform input[type=text]{
width: 85%; height: 50px;
float: left;
background: url(//theirturn.net/wp-content/themes/theirturn/images/searchbar.jpg) left center no-repeat;
border: 0;
box-shadow: none;
line-height: 50px;
}
#sidebar #searchform input[type=submit]{
width: 15%; height: 50px;
float: right;
background: url(//theirturn.net/wp-content/themes/theirturn/images/searchbutton.jpg) right center no-repeat;
border: 0;
cursor: pointer;
}
@media screen and (max-width: 768px) {
#sidebar #searchform input[type=text]{
max-width: 278px; }
#sidebar #searchform input[type=submit]{
max-width: 73px;
float: left;
padding-left: 0; }
}
.widget{clear: both; width: 100%; float: left; padding: 20px 20px 0;}
.widget h3{margin: 0 -20px 1em; padding: 10px; background: url(//theirturn.net/wp-content/themes/theirturn/images/bg_widgetheadline.jpg) #cdd0d6; font-size: 16px; text-transform: uppercase; text-align: center;}
.widget ul, .widget ol{margin: 0; list-style-type: none; font-size: 13px; line-height: 1.5em;}
.widget ul li{margin: 0 0 1em;}
.widget ul li a{font-weight: 600;}
.tp_recent_tweets li{font-size: 13px !important; background: none !important; padding-left: 0 !important;}
#sidebar #social-media{display: table; margin: 0 auto;}
#sidebar #social-media ul{width: 180px; margin: 0; list-style-type: none;}
#sidebar #social-media ul li{height: 20px;}
#sidebar #social-media ul li:last-child{position:relative;z-index:99;height:30px;margin-bottom:0}
#social-media-overlay {padding:0}
#social-media-overlay ul li {float:left; padding:10px; margin-bottom: 0; width: 100px; height: 50px;}
#social-media-overlay ul li:last-child {padding-top:0}
@media screen and (max-width: 768px) {
#sidebar{float: left; width: 90%; margin: 0 5% 20px; height: auto !important}
}
footer#fat-footer{clear: both; width: 100%; float: left; padding: 20px; background: #333;}
footer#fat-footer h3{margin: 0 0 1em; padding: 0; background: none; font-size: 16px; text-transform: uppercase; color: #fff;}
footer#fat-footer ul, footer#fat-footer ul li h3, footer#fat-footer ul li h3 a{margin: 0; font-size: 14px; font-weight: 200; text-transform: none; color: #ccc; text-decoration: none;}
footer#fat-footer ul li h3 a:hover{color: #8e8e8e;}
footer#fat-footer ul li{border-bottom: 0; margin-bottom: 0; padding-bottom: .5em; list-style-type: none;}
footer#fat-footer ul li+li{border-top: 1px solid #888; padding-top: .5em;}
@media screen and (max-width: 960px) {
footer#fat-footer .one-sixth{
clear: both;
width: 100%;
margin-bottom: 2em;
}
}
@media screen and (max-width: 768px) {
footer#fat-footer{
display: none;
}
}
footer#bottom{clear: both; padding: 1em 0; background: #444; font-size: 12px; text-align: center; color: #fff;}
footer#bottom p{margin: 0;}
footer a{color: #fff; text-decoration: underline;}footer a:hover{color: #ddd;} div#sl_div div#map {
height:480px;
margin: 20px auto;
width:100%;
clear: both;
}
#search_by_tag{display: none !important;}
main #searchForm{width: 100%; float: left; margin: 0 0 1em;}
#searchForm .search_item{
margin: 0 0 1em;
}
main #searchForm SELECT {
font-size: inherit;
width: 60% !important;
}
main #searchForm LABEL{
padding-top: 10px;
}
main #searchForm #addy_in_radius {
display: inline-block;
white-space: nowrap;
width: 60%;
margin: 0 0 1em !important;
}
main #searchForm #addy_in_radius LABEL {
width: 33.5%;
padding-top: 0;
}
main #searchForm #radius_in_submit {
display: inline-block;
padding-right: 3px;
text-align: right;
white-space: nowrap;
width: 35%;
}
main #searchForm INPUT#addressSubmit {
margin:0px;
width: 96%;
}
div#slp_tagline{
background-color: transparent !important;
}
@media all and (max-width: 699px) { main #searchForm #radius_in_submit,
main #searchForm #addy_in_address,
main #searchForm #addy_in_radius,
main #searchForm SELECT,
main #searchForm INPUT,
main #searchForm LABEL{
clear: both !important;
float: none !important;
width: 100% !important;
text-align: left !important;
white-space: normal !important;
}
main #searchForm #addy_in_radius{margin-bottom: 1em !important;}
} #overlay, #popup{display: none;}
#overlay{
position: fixed;
top: 0; left: 0;
z-index: 9999999;
width: 100%; height: 100%;
background: url(//theirturn.net/wp-content/themes/theirturn/images/overlay_bg.png) repeat;
}
#popup{
position: fixed;
z-index: 99999999;
top: 50%; left: 50%;
width: 400px; height: 350px;
margin: -175px 0 0 -200px;
padding: 30px;
background: #fff;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#popup #close{
float: right;
margin: -25px -25px 0 0;
cursor: pointer;
} .yarpp-thumbnails-horizontal .yarpp-thumbnail-title{
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.25em !important;
max-height: none !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail{
height: auto !important;
background: #fff;
}
@media (max-width: 768px) {
#popup{
position: fixed;
z-index: 99999999;
top: 50%; left: 50%;
width: 280px; height: 370px;
margin: -185px 0 0 -140px;
padding: 30px;
background: #fff;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
} form.wpcf7-form {
margin: 15px 0;
}
p.contact-label{
margin: 10px 0 4px 0;
font-weight: bold;
line-height: 1.3em;
clear: both;
}
p.contact-label br{
line-height: 1.7em;
}
p.contact-label input[type=text],p.contact-label input[type=email],p.contact-label textarea{
padding-right: 2px;
width: 47%;
outline-style: none;
font-size: 11px;
font-family: inherit;
padding: 5px 2px 5px 2px;
letter-spacing: normal;
}
p.contact-label textarea{
width: 99.2%;
height: 150px;
padding: 4px 2px 4px 2px;
resize: none;
}
p.contact-button input[type=submit]{
margin-top: 15px;
font-size: 1em;
}
div.contact-info {
border-top: 1px solid #ddd;
clear: both;
padding-top: 30px;
} div.share-button {
max-width: 110px; 
float: left;
padding-right: 10px;
height: 30px;
margin-bottom: 10px;
}
div.share-button.long {
max-width: 145px; 
}
div.share-button.right {
float: right;
padding: 0 0 0 10px;
}
div.share-button > span {
vertical-align: top } div.copyable {
border: 1px solid black; 
padding: 10px;
}
div.copy-button { display: inline-block;
margin: 10px 0;
padding: 10px;
background: #af2f3e;
border: 1px solid #af2f3e;
box-shadow: none;
font: 400 14px/1em 'Roboto Condensed', sans-serif;
border-radius: 0;
color: #fff;
text-transform: uppercase;
}
div.copy-button.zeroclipboard-is-hover { background-color: #eee; color: #444; cursor: pointer; }
div.copy-button.zeroclipboard-is-active { background-color: #aaa; }
@media screen and (max-width: 960px) {
div.share-button.right {
float: left;
padding-left: 0;
}
}
@media screen and (max-width: 767px) {
main article section iframe {
height: auto;
}
}