/*
Theme Name: GoPress
Theme URI: http://www.wpexplorer.com
Description: A simple blogging WordPress Theme.
Author: WPExplorer
Version: 1.1
License: Free GPL
*/
/* === Reset === */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus { outline: 0 }
body { background: #fff; line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q { quotes: "" "" }
a img { border: 0 }
header, hgroup, footer, section, article, aside { display: block }
/*-----------------------------------------------------------------------------------*
/* = Body, Common Classes & Wrap
/*-----------------------------------------------------------------------------------*/
sup, sub {
vertical-align: baseline;
position: relative;
top: -0.4em;
font-size:smaller;
}
sub { top: 0.4em; }
body { background: #f9f9f9; font-size: 14px; line-height: 1.6em; color: #333; font-family: Arial, Helvetica, sans-serif; }
.pp_content_container { text-shadow: none }
a { text-decoration: none; color:#1f82cb; } /* old: color: #ec651b; */
a:hover { text-decoration: underline }
p { margin: 0 0 1em }
strong { font-weight: 700 }
em { font-style: italic }
hr { outline: none; margin: 30px 0; border: none; border-top: double #ddd; }
pre { font-family: Arial, Helvetica, sans-serif; margin: 20px 0; background: #f9f9f9; padding: 20px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }
blockquote { border-left: 4px solid #ddd; padding-left: 20px; margin: 30px 0px; }
.clear { clear: both }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
* html .clearfix { zoom: 1 } /* IE6 */
*:first-child+html .clearfix { zoom: 1 } /* IE7 */
.remove-margin { margin-right: 0 !important; margin-left: 0 !important; }
/*-----------------------------------------------------------------------------------*
/* = Structure
/*-----------------------------------------------------------------------------------*/
#wrap { margin: 30px auto; margin-top:6px; max-width: 980px; padding: 30px 30px 15px; padding-top:20px; background: #fff; border: 1px solid #ccc; -moz-box-shadow: 0 0 20px rgba(192,192,192, 0.4); -webkit-box-shadow: 0 0 20px rgba(192,192,192, 0.4); box-shadow: 0 0 20px rgba(192,192,192, 0.4); overflow:hidden; }
#index { }
#archive { margin-top: -30px }
/*-----------------------------------------------------------------------------------*
/* = Headings
/*-----------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { color: #333; line-height: 1.5em; font-weight: bold; }
h1 { font-size: 26px; margin-bottom: 20px; line-height: 1.2em; }
h2 { font-size: 18px }
h3 { font-size: 16px }
h4 { font-size: 14px }
h2, h3, h4, h5, h6 { margin-top: 30px; margin-bottom: 20px; }
h1 a, h2 a, h3 a, h4 a { color: #333 }
h2 a:hover, h3 a:hover, h4 a:hover { color: #000; text-decoration: none; }
.single-title { margin-top: 0px; margin-bottom: 20px; }
/*-----------------------------------------------------------------------------------*
/* = WordPress Styles
/*-----------------------------------------------------------------------------------*/
/*sticky*/
.sticky { }
/*gallery captio*/
.gallery-caption
/*by post author*/
.bypostauthor { }
/*aligns*/
.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; margin: 10px 0 10px 20px; }
.alignleft { float: left; margin: 10px 20px 10px 0; }
/*floats*/
.floatleft { float: left }
.floatright { float: right }
/*text style*/
.textcenter { text-align: center }
.textright { text-align: right }
.textleft { text-align: left }
/*captions*/
.wp-caption { padding-top: 4px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-family:verdana; font-size: 9pt; line-height: 17px; padding: 0 4px 5px; text-align:center; color:#888}
/*smiley reset*/
.wp-smiley { margin: 0 !important; max-height: 1em; }
/*blockquote*/
blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; }
blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; }
/* tag-cloud widget */
.tagcloud a { font-family: Arial; float: left; display: block; margin-right: 5px; margin-bottom: 5px; padding: 5px 7px; font-size: 13px !important; line-height: 1.3em; color: #fff !important; background: #444; font-weight: 400; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: background 0.3s ease-in-out; -webkit-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; }
.tagcloud a:hover { text-shadow: none; background: #1f82cb; text-decoration: none; }
/* calendar widget */
/* calendar widget */
#wp-calendar { width: 100% }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px }
#wp-calendar thead th { padding-bottom: 10px }
#wp-calendar tbody { color: #aaa }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding: 4px; transition: background 0.3s ease-in-out; -webkit-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; }
#wp-calendar tbody td:hover { background: #fff }
#wp-calendar tbody .pad { background: none }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
/*-----------------------------------------------------------------------------------*
/* = Headings
/*-----------------------------------------------------------------------------------*/
#page-heading { position: relative; margin-bottom: 25px; padding-bottom: 25px; /*border-bottom: double #ddd;*/ }
#page-heading h1, #page-heading h2 { font-size: 26px; margin: 0px !important; }
/*-------------------------------------------------*
/* = Header
/*-------------------------------------------------*/
#header { margin-bottom: 25px; margin-top:10px; width: 100%; }
#logo { float:left; margin-top:10px }
#logo a { font-size: 40pt; font-family:arial; font-weight: normal; padding: 0px; margin: 0px; margin-left:8px; text-decoration: none; }
#logo h1 { font-size:45pt;color:#444;margin:0;padding:0;line-height:0.8em }
#header-banner { text-align: right; float: right; }
#header-banner p { text-align: right; }
#tagline { text-align:right; font-size:11pt; }
/*-------------------------------------------------*
/* = Navigation
/*-------------------------------------------------*/
/* core menu layout */
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0 }
.sf-menu ul { position: absolute; top: -999em; width: 160px; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100% }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 65px; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 180px; /* match ul width */ top: 0; }
/* style the navigation bar */
#navigation { background: #fff; margin-bottom: 25px; border-top: 2px solid #444; border-bottom: 1px solid #ddd; }
/* style the navigation menu */
.sf-menu { float: left; margin-bottom: 0; }
.sf-menu a { height:65px; line-height: 65px; padding: 0 20px; box-sizing: border-box; }
/* style the sub menu */
.sf-menu ul { border:1px solid #ddd; border-top:1px solid #fff; background: #fff; }
.sub-menu { width:200px !important; }
.sf-menu ul a { margin: 0px; padding: 15px 20px; line-height: 1em; height: auto; }
.sf-sub-indicator { display:none; } /* hide sub menu indicators */
/* set the standard link style */
#navigation a { color:#444; font-size: 12pt; font-weight:normal; font-family: 'Oswald', sans-serif; text-decoration:none; }
/* set highlighted link style */
#navigation a:hover, #navigation a:active, #navigation .current-menu-item > a:first-child { color:#EC651B; }
/* ADD WILD ROVER */
.add_wr {
position: relative;
}
.add_wr img {
width: 100%;
}
.btn_add_wr {
position: absolute;
width: 100%;
bottom: 18%;
text-align: center;
}
.btn_add_wr a {
background: #F9DD4B;
color: black;
font-weight: bold;
font-size: 1em;
padding: 1.2% 4%;
border-radius: 15px;
border: 2px solid white;
}
.btn_add_wr a:hover {
text-decoration: none;
}
/*Terminado*/
/* navbar extras */
#nav_bar_extras {
text-align:right;
height:100%;
display: table;
color:#ddd;
float:right;
margin-right:20px;
padding-top:21px
}
#nav_bar_extras span {
vertical-align:middle;
display: table-cell;
padding:0;margin:0;
line-height:0;
}
#nav_bar_extras img { margin:0 6px;padding:0; }
/* === Featured image === */
#slider-wrap { width:662px; padding-bottom:52px; }
#home-slides { width:100%; height:352px; position:relative; background:url("images/loader.gif") no-repeat 50% 50%; }
#home-slides img { display: block; margin: 0; padding: 0; }
/* caption */
#home-slides .caption { height:auto; left:20px; max-width:620px; position:absolute; top:-10px; }
#home-slides .caption h3 { background:#000; background:rgba(0,0,0,0.7); color:#fff; font:normal 26px arial; padding:16px 20px; }
#home-slides .pagination { bottom:-45px; left:0px; position:absolute; }
#home-slides .pagination li { float:left }
#home-slides .pagination a { display:block; float:left; height:25px; margin-right:5px; width:25px;
}
#home-slides .pagination a { /* style */
background:#eee;
color:#666;
font:12px/25px arial;
text-align:center;
text-decoration:none;
transition:background 0.3s ease-in-out;
}
#home-slides .pagination a:hover { background-color: #d5d5d5; color: #333; }
#home-slides .pagination .current a { background: #1f82cb; color: #fff; }
.slide { display:none; }
.slide img { width:660px; height:350px; }
.slides_container { height:352px; overflow:hidden; }
/*-----------------------------------------------------------------------------------*
/* = Posts & Pages
/*-----------------------------------------------------------------------------------*/
.post { float: left; width: 67.4%; padding-right: 3%; border-right: double #ddd; overflow: hidden; }
.full-width { float: none !important; width: 100% !important; padding: none !important; border: none !important; }
.loop-entry { float: left; width: 47.7%; padding-bottom: 30px; margin-top: 30px; margin-right: 4.5%; }
.loop-entry p:last-child { margin: 0 }
.loop-entry h2 { margin-top: 10px; margin-bottom: 6px; }
.loop-entry img { display: block; margin: 0px; border-bottom: 4px solid #ddd; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.loop-entry a:hover img { border-color: #1f82cb; opacity: 0.8; }
.single-meta { float:right; }
/* Define responsive image sizings */
.660x350 { position: relative; padding-bottom: 53%; height: 0; overflow: hidden; }
.660x350 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*entry*/
.entry { margin-bottom: 20px }
.entry ul, .entry ol { margin-bottom: 20px; margin-left: 30px; list-style: inherit; }
.entry li { margin-bottom: 6px; }
.entry ol { list-style: decimal !important }
/*thumbnail*/
.post-thumbnail { margin-top: -10px; margin-bottom: 30px; }
.post-thumbnail img { display: block }
/* fonts - line heights from http://www.pearsonified.com/typography/ */
.loop-entry { font-family: Arial, sans-serif; font-size: 15px; color:#666; }
.entry p, .entry ul, .entry ol, .loop-entry { font-family: Arial, sans-serif; font-size:15px; color:#555; }
.loop-entry h2 { font-size: 16px; }
.entry p, .entry ul, .entry ol { line-height:25px; }
.loop-entry { line-height: 23px; }
.post-meta { font-size: 12px; color: #666; }
.single-meta { font-size: 13px; }
/*-----------------------------------------------------------------------------------*
/* = Pagination
/*-----------------------------------------------------------------------------------*/
.post-pagination { clear: both; padding-top: 30px; text-align: center; }
.post-pagination a, .post-pagination span { font-size: 11px; line-height: 30px; height: 30px; width: 30px; text-align: center; margin-right: 5px; display: block; float:left; color: #666; background: #eee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.post-pagination a:hover, .post-pagination span.current { text-decoration: none; color: #fff; background: #1f82cb; }
/*-----------------------------------------------------------------------------------*
/* = Comments
/*-----------------------------------------------------------------------------------*/
#commentsbox { width: 100%; overflow: hidden; margin-top: 30px; }
#comments { text-transform: none; margin-top: 20px; margin-bottom: 30px; padding-bottom: 10px; border-bottom: double #ddd; }
#commentsbox ol, #commentsbox ul { list-style: none; margin: 0 !important; }
#commentsbox li { }
.children { list-style: none; margin: 0 16px; text-indent: 0; }
.children li.depth-2 { margin: 0 0 0px 65px }
.children li.depth-3 { margin: 0 0 0px 65px }
.children li.depth-4 { margin: 0 0 0px 65px }
.children li.depth-5 { margin: 0 0 0px 65px }
.children li.depth-6 { margin: 0 0 0px 65px }
.children li.depth-7 { margin: 0 0 0px 65px }
.children li.depth-8 { margin: 0 0 0px 65px }
.children li.depth-9 { margin: 0 0 0px 65px }
.children li.depth-10 { margin: 0 0 0px 65px }
.comment-body { position: relative; margin-left: 65px; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 20px; }
.comment-body p { margin-bottom: 15px !important }
.reply { display: none; position: absolute; top: 10px; right: 10px; }
.comment-reply-link { font-size: 10px }
.comment-reply-link:hover { }
.comment-body:hover .reply { display: block }
#commentsbox .avatar { position: absolute; top: 0px; left: -65px; height: 40px; width: 40px; border: 4px solid #eee; }
.comment-author { font-weight: bold; color: #333; }
.says { display: none }
.comment-meta { margin-bottom: 10px }
.comment-meta a { font-size: 11px; font-style: italic; }
.cancel-comment-reply { margin-top: -10px }
.cancel-comment-reply a { line-height: 20px; height: 20px; }
.cancel-comment-reply a:hover { text-decoration: underline }
#comments-respond { clear: left; text-transform: none; margin-top: 0px; margin-bottom: 10px; }
#comments-respond-meta { font-size: 11px }
#commentform label { display: block }
#commentform input#author, #commentform input#email, #commentform input#url { font-size: 12px; width: 45%; outline: none; padding: 10px 5px; margin-top: 10px; border: none; outline: none; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; border: 1px solid #ddd; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#commentform textarea { font-size: 12px; display: block; padding: 10px; width: 100%; box-sizing:border-box; margin-top: 10px; border: none; outline: none; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#commentform input#author:focus, #commentform input#email:focus, #commentform input#url:focus, #commentform textarea:focus { }
#commentSubmit { font-size: 12px; margin-top: -5px; margin-bottom: 20px; outline: none; padding: 0px !important; }
/*-----------------------------------------------------------------------------------*/
/* = Form Styling
/*-----------------------------------------------------------------------------------*/
input[type="text"], input[type="password"] { margin-top: -12px }
input[type="text"], input[type="password"], textarea { color: #999; padding: 7px; border: 1px solid #ddd; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { background: #fff; border: 1px solid #bdbdbd !important; color: #444; -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1); box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1); }
/*contact form 7 specific*/
.wpcf7-form { margin-top: 40px }
.wpcf7 input[type="text"] { width: 250px }
.wpcf7 textarea { width: 95%; margin-top: 5px; }
.wpcf7-form p { margin: 0; margin-bottom: 20px; font-weight: bold; }
.wpcf7-submit { margin-top: -5px }
div.wpcf7-validation-errors, .wpcf7-not-valid-tip { text-shadow: none; border: transparent !important; background: #f9cd00; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px !important; font-weight: bold; color: #9C6533; text-shadow: 1px 1px 1px rgba(255,255,255, 0.4); text-align: center; margin: 0 !important; }
div.wpcf7-validation-errors { width: 95%; padding: 10px 5px !important; }
.wpcf7-not-valid-tip { display: block; position: relative !important; top: 0 !important; left: 0 !important; background: #FFF780 !important; font-size: 12px !important; margin-top: 8px !important; width: 40% !important; }
span.wpcf7-not-valid-tip { text-align: center; text-shadow: none; padding: 5px; font-size: 11px; background: #ff5454 !important; border-color: #ff5454; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.wpcf7-mail-sent-ok { text-align: center; text-shadow: none; padding: 10px; font-size: 11px; background: #59a80f !important; border-color: #59a80f; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/*-----------------------------------------------------------------------------------*/
/* = Clean button
/*-----------------------------------------------------------------------------------*/
input[type="clean-button"], .wpcf7-submit, #commentSubmit { background: #eee; /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 4px 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin-bottom: 20px; line-height: 21px; font-family: Arial, sans-serif; }
input[type="clean-button"]:hover, .wpcf7-submit:hover, #commentSubmit:hover { color: #222; background: #ddd; /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */ border: 1px solid #888; border-top: 1px solid #aaa; border-left: 1px solid #aaa; }
input[type="clean-button"]:active, ul.portfolio-filter a.active, .wpcf7-submit:active, #commentSubmit:active { border: 1px solid #666; background: #ccc; /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }
input[type="clean-button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; }
/*-----------------------------------------------------------------------------------*
/* = Sidebar
/*-----------------------------------------------------------------------------------*/
#sidebar { width: 26.5%; /*260px;*/ float:right;}
.sidebar-box { padding-bottom: 13px; margin-bottom: 13px; }
.sidebar-box h4 { font-size: 14px; margin-top: 0px !important; margin-bottom: 10px; }
.sidebar-box h4 span { }
.sidebar-box ul { list-style: none; list-style-position: inside; margin: 0px; }
.sidebar-box li { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #eee; }
.sidebar-box li:first-child { border-top: 1px solid #eee; padding-top: 7px; }
/*-----------------------------------------------------------------------------------*
/* = Search Bar
/*-----------------------------------------------------------------------------------*/
#searchbar { display: block; position: relative; width: 100%; margin-bottom: 4px; }
#search { position: relative; width: 100%; box-sizing:border-box;padding: 10px 30px 10px 10px; outline: none; color: #666; margin: 0; }
#searchsubmit { position: absolute; right: 10px; top: 50%; margin-top: -7px; background: url(images/search.png) no-repeat; text-indent: -9999px; border: none; outline: none; width: 15px; height: 15px; cursor: pointer; }
/*-----------------------------------------------------------------------------------*/
/* = Footer
/*-----------------------------------------------------------------------------------*/
#footer-wrap { width: 100%; background: #333; margin-top: 30px; font-size: 13px; border-top: 4px solid #ddd; }
#footer { width: 920px; margin: 0 auto; margin-bottom:16px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color: #999; /*#7f7f7f;*/ }
#footer a { color: light-blue; /*#999;*/ text-decoration: none; }
#footer a:hover { text-decoration:underline; cursor:pointer; /*color: #1f82cb*/ }
/*footer widgets*/
#footer-widget-wrap { }
#footer-left, #footer-middle, #footer-right { float: left; width: 280px; margin-top: 30px; }
#footer-right { }
#footer-middle { margin-left: 40px; margin-right: 40px; }
#footer-right { }
.footer-widget { color: #7f7f7f; margin-bottom: 30px; }
.footer-widget h4 { color: #fff; font-size: 16px; margin: 0 0 20px; }
.footer-widget li { padding: 10px 0; border-bottom: 1px solid #444; }
.footer-widget ul li:first-child { border-top: 1px solid #444 }
.footer-widget li:first-child { border-top: 1px solid #333 }
/*-----------------------------------------------------------------------------------*
/* Main Shortcodes
/*-----------------------------------------------------------------------------------*/
/*columns*/
.one-half { width: 48% }
.one-third { width: 30.66% }
.two-third { width: 65.33% }
.one-fourth { width: 22% }
.three-fourth { width: 74% }
.one-fifth { width: 16.8% }
.one-sixth { width: 13.33% }
.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth { position: relative; margin-right: 4%; float: left; }
.column-last { margin-right: 0px }
.column-first { margin-left: 0px }
/*box shortcodes*/
.box-shortcode { margin: 5px 0px; padding: 10px; color: #fff; font-size: 13px; font-weight: bold; font-family: Arial; }
.box-gray { color: #666; background-color: #eee; }
.box-black { background-color: #000 }
.box-red { background-color: #e62727 }
.box-green { background-color: #91bd09 }
.box-blue { background-color: #00ADEE }
/*highlights*/
.text-highlight { padding: 2px; text-shadow: none !important; }
.highlight-yellow, .highlight-yellow a { background-color: #FFF7A8; color: #695D43; }
.highlight-pink, .highlight-pink a { background-color: #F7DEEB; color: #724473; }
.highlight-purple, .highlight-purple a { background-color: #E0DBF6; color: #5C5577; }
.highlight-blue, .highlight-blue a { background-color: #D7F0FF; color: #2A67A4; }
.highlight-green, .highlight-green a { background-color: #E7FFCE; color: #47630A; }
.highlight-red, .highlight-red a { background: #FFCEBE; color: #A22121; }
.highlight-gray, .highlight-gray a { background-color: #EBEBEB; color: #787777; }
/*Other buttons*/
.button { font-family: Arial; font-size: 12px; margin-right: 5px; margin-top: 5px; }
.button, .button span { display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.button { white-space: nowrap; line-height: 1em; position: relative; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; border: 1px solid #999; /* IE */ border: rgba(0, 0, 0, .2) 1px solid; /* Saf4+, Chrome, FF3.6 */ border-bottom: rgba(0, 0, 0, .4) 1px solid; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); background: -moz-linear-gradient( center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100% ); /* FF3.6 */ background: -webkit-gradient( linear, center bottom, center top, from(rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1)) ); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ -moz-user-select: none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; margin-bottom: 10px; }
.button.full, .button.full span { display: block }
.button:hover, .button.hover { background: -moz-linear-gradient( center top, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .1) 100% ); /* FF3.6 */ background: -webkit-gradient( linear, center bottom, center top, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .2)) ); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */ }
.button:active, .button.active { top: 1px }
.button span { position: relative; color: #fff; font-weight: bold; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); border-top: rgba(255, 255, 255, .3) 1px solid; padding: 0.8em 1.3em; line-height: 1em; text-decoration: none; text-align: center; white-space: nowrap; }
.button.black { background-color: #333333 }
.button.gray { background-color: #666666 }
.button.light-gray { background-color: #D5D2D2; text-shadow: 1px 1px 0px #FFF; }
.button.light-gray span { color: #242424; text-shadow: 1px 1px 0px #e7e7e7; border-top: rgba(255, 255, 255, .6) 1px solid; }
.button.red { background-color: #e62727 }
.button.orange { background-color: #ffa302 }
.button.magenta { background-color: #A9014B }
.button.yellow { background-color: #ffb515 }
.button.blue { background-color: #00ADEE }
.button.pink { background-color: #e22092 }
.button.green { background-color: #91bd09 }
.button.rosy { background-color: #F16C7C }
.button.brown { background-color: #804000 }
.button.purple { background-color: #800080 }
.button.cyan { background-color: #46C7C7 }
.button.gold { background-color: #D4A017 }
.single-post p, .single-post li { text-align:justify; }
#sidebar li { text-align:left; }
.detailblockleft { width:45%;margin:16px;margin-left:0;margin-right:0;float:left; }
.detailblockleft div { border-bottom:1px solid #eee;padding:8px; }
.detailblockright { width:45%;margin:16px;float:left; }
.detailblockright iframe { width:345px;height:310px; }
/* set logo size for better loading */
/* #logo img { width:250px; height:46px; } */
ul.catlist { list-style-type:none; }
ul.children li {
margin-bottom: 7px;
padding-bottom: 7px;
border-bottom: 1px solid #eee;
}
ul.children li:first-child {
margin-top: 7px;
padding-top: 7px;
border-top: 1px solid #eee;
}
/* Post Summary Shortcode */
div.postsummary { }
div.postsummary h3 { }
div.postsummary h3 a { color:#1f82cb; }
div.postsummary h3 a:hover { text-decoration:underline; }
div.postsummary img { height:100px; width:189px; float:left;margin-right:1em; margin-bottom: 14px; margin-top:6px; }
/* Sharing widget */
#sharing { width:100%;text-align:right }
#sharing img { width:64px;height:64px;opacity:0.8;-moz-opacity:0.8;margin:4px;}
#sharing img:hover { opacity:1;-moz-opacity:1; }
.post-bottom-widgets ul, .post-top-widgets ul { list-style-type:none; margin:0; margin-bottom:16px; }
/* Styles for WP Email Capture plugin signup forms */
#wp_email_capture,#wp_email_capture_2 { width:100%; text-align:center; border: 1px solid grey; padding: 10px; box-sizing: border-box; border-radius:6px; background-color:#eee; }
#wp_email_capture input[type="text"], #wp_email_capture_2 input[type="text"] { margin: 2px; width:180px; border: 1px solid grey; border-radius: 3px; }
#wp_email_capture input[type="submit"], #wp_email_capture_2 input[type="submit"] { width: 240px; border: 1px solid grey; border-radius: 3px; padding: 5px; background-color: rgb(236,101,27); color: white;font-weight:bold;margin-top:6px; }
#wp_email_capture input[type="submit"]:hover, #wp_email_capture_2 input[type="submit"]:hover { cursor:pointer; background-color: rgb(246,111,37); }
#wp_email_capture input[type="text"] { width:170px; }
#wp_email_capture { margin-top:6px; }
/* Grey out image, and reveal the color on hover */
.greyscale {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
}
.greyscale:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none ; /* IE6-9 */
zoom:1;
-webkit-filter: grayscale(0%);
}
/* image padding */
img.size-full, img.size-large, img.size-medium , img.size-thumbnail, .wp-caption { margin-bottom:10px; max-width:100%; height:auto; }
/* ======= Changes being tested ======== */
/* Remove post / sidebar divider */
#index, .post { border-right:0; }
/* Thin headers */
h1,h2,h3,h4 { font-weight:normal; color:black }
h2 { font-size:18px !important; }
h4 { font-size:12pt !important; }
/* Increase whitespace */
#wrap { margin: 0px auto; margin-top:0px; max-width: 980px; padding: 30px 30px 15px; padding-top:20px; background: #fff; border: 0; box-shadow: none; overflow:hidden; border-top:0; border-bottom:0; }
body { background-color:#fff; }
#logo a { margin-left:0; }
/* Improve sidebar headers */
#sidebar h4 { font-size:18px !important; }
/* Improve logo / tagline */
#tagline { font-variant:small-caps; text-transform:lowercase; font-size:17px; color:grey }
#logo { margin-top:16px; margin-bottom:-4px }
#logo h1 { font-size: 50pt}
/* Category Blocks */
.catblock_title { width:100%;background-color:#444;padding:5px 8px;box-sizing:border-box;font-weight:bold }
.catblock_title a { color:white; }
.catblock { width:100%; }
.catblock .post_listing_small { line-height:1.5em; height:85px; margin-top:17px; }
.catblock .post_listing_small img { margin-top:3px; float:left; margin-right:14px; }
.catblock .post_listing_small h3 { margin:0; font-weight:bold;font-size:11pt; display:inline; }
.catblock .post_listing_small p { font-size:10pt;line-height:1.5em;margin-bottom:0; }
.catblock .post_listing_small a { color:#1F82CB; }
/* Widen the theme */
#wrap { max-width: 1040px; max-width: 1140px; }
#sidebar { width: 28.8%; /*300px;*/ width:26.3%; /*300px*/ }
.post { width: 63.5%; /*660px*/ width: 65.8%; /* 750px */ }
.featured-img { width:100%; }
img[width="660"] { width:100%; height:auto; }
/* style the category headers */
.catblock_title { border-top:1px solid #444; border-bottom: 1px solid #ddd; background:#fff; }
.catblock_title a { color:#444; font-family: 'Oswald', sans-serif; font-weight:normal; padding: 4px; }
.catblock_title a:hover { color:#EC651B; text-decoration:none; } /* use the highlight color */
/* re-style header area area */
#header { margin-bottom:30px; margin-top:0; }
#logo { margin-top:0; }
#wrap { padding-top:40px; }
#logo h1 { font-family: 'Open Sans', sans-serif; }
/* Adjust slider overlay */
#home-slides { border:0; }
#home-slides .pagination { bottom: -30px; }
#home-slides .prev, #home-slides .next { display:none !important; }
#home-slides img { border: 1px solid #eee; }
/* resize slider to 750x398 */
.slide img { width:750px; height:398px; }
.slides_container { height:400px; overflow:hidden; }
#slider-wrap { width:752px; padding-bottom:52px; }
#home-slides { width:100%; height:400px; }
/* Full width footer */
#footer-wrap { width: 100%; padding-bottom:40px; }
#footer { width: 1140px; }
#footer-left, #footer-middle, #footer-right { float: left; width: 353px; margin-top: 30px; }
html { padding-bottom:0; margin-bottom:0 }
/* Change footer link colors */
#footer a { color: #aab; }
/* Make the theme more responsive */
/*
.cat_featured, .cat_others { box-sizing:border-box; border: 1px solid grey; display:inline-block; vertical-align:top;}
.cat_featured { width:47%; }
.cat_others { width:47%; margin-left:5%; margin-top:10px; margin-bottom:10px; }
.cat_featured img { width:100% !important; }
.loop-entry { width:100%; }
*/
/* Subscribe to Comments Reloaded style */
/* #subscribe-reloaded { display:none; } */
/* Style the table of contents plugin */
#toc_container { box-sizing:border-box; }
/* === OIO Publisher plugin styles === */
/* Add grey border around first ad banner zone */
#oio-banner-1 { border: 1px solid #ddd; }
/* Increase padding in ad purchase forms */
#oiopub-container td { padding: 6px; }
#oiopub-container select, #oiopub-container option { padding: 6px; }
#oiopub-container input[type=submit] { padding: 6px; }
#oiopub-container input[type=file] { padding: 6px 0px; }
/* Make form errors more obvious */
#oiopub-container .error { color:red; font-weight:bold; }
/* hide eCPM and eCPC rows in advertiser panel */
/*
#oiopub-container table:nth-of-type(2) td:nth-of-type(5),
#oiopub-container table:nth-of-type(2) td:nth-of-type(6) { display:none !important; }
*/
/* Restyle the ad submit button color */
#oiopub-container input[type=submit] { padding:9px 20px 10px 20px;font:normal 11pt arial;background-color:#EC651B;color:#fff;text-align:center;border:1px solid #9c9c9c;border:1px solid rgba(0,0,0,0.1);border-radius:4px;text-shadow:0 1px 0 rgba(0,0,0,0.4);background-image:linear-gradient(to top,rgba(0,0,0,0.15) 0%,rgba(82,82,82,0.15) 32%,rgba(255,255,255,0.24) 100%);cursor:pointer;outline:none}
#oiopub-container input[type=submit]:hover,
#oiopub-container input[type=submit]:active,
#oiopub-container input[type=submit]:focus{ background-image:linear-gradient(to top,rgba(0,0,0,0.05) 0%,rgba(82,82,82,0.05) 32%,rgba(255,255,255,0.4) 100%)}
/* make the select boxes as wide as the text boxes */
#oiopub-container select { width: 325px !important; }
/* make the input boxes as dark a grey as the select boxes */
#oiopub-container input[type=text] { border: 1px solid #A9A9A9 !important; color: black !important; }
/* style the category descriptions */
.category-description { margin:0; padding:0; box-sizing:border-box; margin-top:-30px;margin-bottom:30px; }
#tagline { display:none; }
/* Stop invisible search form element blocking clicks in mobile */
@media only screen and (max-width : 767px) {
form#searchbar { display:none; z-index:-1 }
}
/* Fix responsiveness */
.cat_others { padding-top:10px; padding-bottom:10px; }
.cat_others section { margin-bottom:17px; }
#logo img { max-width:100% !important; }
/* Style the post bottom headers and related post widget */
.post-bottom-widgets > ul > div > h3, #comments { font-family: Oswald, sans-serif; font-size: 16px !important; text-align:center; border-bottom: 1px solid #ccc; border-top: 1px solid #333; padding: 8px; }
#trazrp a { font-weight:bold; color:black; }
#trazrp a:hover { color: #04c; text-decoration: none; }
/* Subscribe to comments plugin */
select#subscribe-reloaded { border-color: #ddd; border-radius: 2px; color:grey; padding: 8px 2px; }
/*=======================*/
/* BBPress Customization */
/*=======================*/
/* Hide the forum notice */
.bbp-template-notice { display:none; }
/* Right float the subscribe link */
.subscription-toggle { float: right; }
/* Fix Divi white padding to left and bottom of topics and forums lists */
.bbp-topics, .bbp-forums, .bbp-replies { padding: 0 !important; }
/* Remove topic list pagination count */
.bbp-pagination-count { display: none }
/* Hide topic "started by" */
.bbp-topic-started-by { display:none; }
/* Hide topic freshness author */
.bbp-topic-freshness-author { display:none; }
/* Hide author role */
.bbp-author-role { display: none; }
/* Hide author / reply IP address */
.bbp-reply-ip { display: none; }
/* Fix missing border round reply box */
.wp-editor-container { border: 1px solid #eee; }
/* Divi-style search box */
#bbp_search {
color: #666 !important;
width: 220px !important;
padding: 7px 3% 7px 3%;
margin: 0;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-color: #ddd;
box-sizing: border-box;
}
#bbp_search_submit{
font-family: 'Raleway', Arial, sans-serif;
font-size: 12px;
font-weight: 400 !important;
color: #666;
background-color: #ddd;
width: 80px;
margin: 0 0 0px -4px;
padding: 10px 1% 10px 1% !important;
border: none;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
line-height: 14px;
height: 31px !important;
line-height: 1.1em;
box-sizing: border-box;
}
#bbp-search-form { width: 300px !important; margin-bottom: 12px;}
/*===========================*/
/* End BBPress Customization */
/*===========================*/
/* Hide empty widgets - used to hide OIO ad area when no ads in it */
.sidebar-box:empty { display:none; }
/* ======== Responsive Media Queries ========== */
@media only screen and (max-width : 1100px) {
.cat_others { clear:both; }
}
/* Below size needed to display full border, etc ----------- */
@media only screen and (max-width : 1064px) {
#wrap { box-shadow:none; border:0; padding-left:1.83%; padding-right:1.83% }
body { background-color:white; }
#header-banner { display:none; }
#footer-wrap { display:none; }
#slider-wrap { display:none; }
#nav_bar_extras { display:none; }
.sf-sub-indicator { display:none; }
}
@media only screen and (max-width : 768px) {
/*#sidebar { display:none; }*/
#sidebar { width:100%; max-width:300px; text-align:center; float:none; }
#index, .post { width:100%; border-right:0; }
#logo a { font-size: 30pt; }
#logo { margin-bottom: 10px; }
#wrap { padding-top: 10px; }
}
@media only screen and (max-width : 544px) {
#logo a { font-size: 25pt; }
#logo { margin-bottom: 4px; }
#wrap { padding-top: 4px; }
}
@media only screen and (max-width : 432px) {
#logo a { font-size: 20pt; }
#logo { margin-bottom: 6px; }
#wrap { padding-top: 2px; }
}
@media only screen and (max-width : 380px) {
.cat_featured img { max-width:100% !important; height:auto !important; }
.loop-entry { min-width:163px; width:100%; }
}
@media only screen and (max-width : 320px) {
.cat_featured img { max-width:100% !important; height:auto !important; }
#logo a { font-size: 16pt; }
#logo { margin-bottom: 4px; }
#wrap { padding-top: 0px; }
#img.medium { width:100%; }
}
.marketingads_item{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-flow: row wrap;
padding: 0;
margin-top: 10px;
margin-bottom: 10px;
}
.marketingads_item h2{
width: 100%;
}
.marketingads_item .item_marketing_ads{
width: 24%;
}
.marketingads_item .item_marketing_ads a img{
max-width:100%;
width:100%;
}
.marketingads_item .item_marketing_ads a{
color: #666;
line-height: 18px;
display: inline-block;
margin-top: 2%;
}
.first-add-button-right{
float: right;
position: relative;
right: 6%;
top: -160px;
background-color: #56b45a;
color: #fff;
text-transform: uppercase;
width: 30%;
padding: 0%;
font-size: 20px;
line-height: 37px;
font-weight: bold;
font-family: 'Roboto',sans-serif;
text-align: center;
border: 2px solid #fff;
}
.marketing_ads-container{
padding-top: 0 !important;
}
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
.button-mobile-banner{
position: relative;
width: 100%;
right: 0;
margin-bottom: 10px;
border: none;
top:0;
}
.first-add a picture img{
margin-bottom: 0 !important;
}
.marketingads_item .item_marketing_ads{
width:49%;
}
.marketingads_item h2{
font-size:28px;
}
}
@media only screen and ( max-width: 479px ) {
.button-mobile-banner{
position: relative;
width: 100%;
right: 0;
margin-bottom: 10px;
border: none;
top:0;
}
.first-add a picture img{
margin-bottom: 0 !important;
}
.marketingads_item .item_marketing_ads{
width:50%;
}
.marketingads_item h2{
font-size:28px;
}
}
#home-slides{
display:none;
}