/* Theme Name: RichWP Favorite Modified Theme URI: http://richwp.com/themes/favorite/ Author: RichWP Author URI: http://richwp.com Description: RichWP Favorite live demo: http://richwp.com/themes/favorite/ Version: 1.0.0 Tags: custom-menu, threaded-comments, translation-ready, full-width-template, theme-options License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Copyright 2014 by RichWP Changelog: V1.0.0 - 2013-07-09 Release of - RichWP Favorite Changelog: V1.0.0 - 2014-11-13 Modifications Changelog: V1.0.0 - 2014-12-20 Modifications */ @import url(//fonts.googleapis.com/css?family=Roboto:400,700); /*! normalize.css v1.0.1 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;} audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;} audio:not([controls]) {display: none; height: 0;} [hidden] {display: none;} html {font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */} html, button, input, select, textarea {font-family: sans-serif;} body {margin: 0;} a:focus {outline: thin dotted;} a:active, a:hover {outline: 0;} h1 {font-size: 2em; margin: 0.67em 0;} h2 {font-size: 1.5em; margin: 0.83em 0;} h3 {font-size: 1.17em; margin: 1em 0;} h4 {font-size: 1em; margin: 1.33em 0;} h5 {font-size: 0.83em; margin: 1.67em 0;} h6 {font-size: 0.75em; margin: 2.33em 0;} abbr[title] {border-bottom: 1px dotted;} b,strong {font-weight: bold;} blockquote {margin: 1em 0 1em 0;} dfn {font-style: italic;} mark {background: #ff0; color: #000;} p, pre { margin: 0 0 2em 0;} code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;} pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;} q { quotes: none;} q:before, q:after { content: ''; content: none;} small { font-size: 80%;} sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup { top: -0.5em;} sub { bottom: -0.25em;} dl, menu, ol, ul { margin: 1em 0;} dd { margin: 0 0 0 40px;} menu, ol, ul { padding: 0 0 0 0px;} nav ul, nav ol { list-style: none; list-style-image: none;} img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */} svg:not(:root) { overflow: hidden;} figure {margin: 0;} form { margin: 0;} fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */} button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */} button, input { line-height: normal;} button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */} button[disabled], input[disabled] { cursor: default;} input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */} input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;} textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */} table { border-collapse: collapse; border-spacing: 0;} /* Grid */ .container_16 {position: relative; width: 768px;} .grid_8, .grid_16, .grid_two, .grid_three{ float: left; display: inline; margin-left: 1%; margin-right: 1%;} .alpha { margin-left: 0; margin-right: 1%;} .omega { margin-right: 0; margin-left: 1%;} .container_16 .grid_8 {width: 48%;} .container_16 .grid_16 {width: 98%;} .postlistcontainer, .singlecontainer{width:100%; max-width: 1380px; overflow-x:hidden;} .grid_three{width:31.333%;} .grid_two{width:48%;} @media only screen and (min-width: 768px) and (max-width: 959px) { .grid_two, .grid_three{ width: 48%;} .container_16{width:748px;} .singlecontainer{max-width: 959px;} } @media only screen and (max-width: 767px) {.container_16 {width: 100%;} .grid_8, .grid_16, .grid_two, .grid_three{ margin:0;} .grid_two, .grid_three, .container_16 .grid_8, .container_16 .grid_16{ width: 100%;} .singlecontainer{max-width: 479px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .container_16 {width: 100%;} .singlecontainer{max-width: 767px;} } .containermargin { margin: 0 auto 0 auto;} /* RichWP Specific */ body{height:100%; } .bg{ margin: 0px 0 0px 0; background: #FFFFFF; font-family: 'Roboto',sans-serif; font-size: 16px; color: #3C3535;} /* Text elements */ a{text-decoration: none; } a:hover, .hover{text-decoration: underline;} a:active, a:focus {outline: none;} p {margin-bottom: 25px;} h1 { font-size: 36px;} h2, h3#reply-title {font-size: 31px;} h3 { font-size: 28px;} h4, h5, h6 {font-size:24px;} h1, h2, h3, h4, h5, h6{ font-family: 'Roboto',sans-serif; font-weight:700; color:#242424; line-height: 1.25; margin: 30px 0 10px;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#242424;} h1.entry-title {font-family: 'Roboto',sans-serif; font-weight:700; color: #242424; font-size:40px; font-style:normal; line-height:45px; text-transform:uppercase; padding-bottom:2px;} h1.postlisttitle{margin:0; line-height:28px;} h1.postlisttitle a{color: #FFF; font-size:28px; text-decoration: none; text-transform: uppercase;} h1.postlisttitle a:hover {color: #FFF; text-decoration: none; } code, hr, ins, pre { background:#F7F7F7;} code { color:#545454; margin: 30px; padding: 0 15px; display:block; border-left:3px solid #545454;}pre{color:#545454;} hr {background:#E7E7E7;} #entry-author-info { min-height:80px; background: #F3F3F3; padding: 15px; margin: 20px 0 0 0; overflow: hidden; clear: both; } #entry-author-info.archiveheader{border: 1px solid #FFFFFF; background: #FFFFFF;} abbr,acronym { border-bottom: 1px dotted #E7E7E7; cursor: help;} small, .entry-utility, .comment-meta, #entry-author-info, #entry-author-info-archive, .logged-in-as, .navigation, #respond label, .wp-caption-text, .archive-meta, entry-preview {font-size: 90%; line-height:20px;} .entry-meta{font-size: 85%; line-height:16px;} ul {list-style: square; margin: 0 0 18px 1.5em;} ol {list-style: decimal; margin: 0 0 18px 1.5em;} ol ol {list-style:upper-alpha;} ol ol ol {list-style:lower-roman;} ol ol ol ol {list-style:lower-alpha;} ul ul, ol ol, ul ol, ol ul {margin-bottom:0;} dl {margin:0 0 0 0;} dt {font-weight: bold;} dd {margin-bottom: 18px;} strong, b {font-weight: bold;} cite, em, i {font-style: italic;} big {font-size: 131.25%;} blockquote{font-family:serif; font-style: italic; font-size:2em; line-height: 1.2em;} blockquote cite, blockquote em, blockquote i {font-style: italic;} pre {margin-bottom: 18px; padding: 1.5em;} ins { text-decoration: none;} sup, sub {height: 0; line-height: 1; vertical-align: baseline; position: relative;} sup {bottom: 1ex;} sub {top: .5ex;} pre {font-family: "Courier 10 Pitch", Courier, monospace;} code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;} input, textarea {color: #666; font-size: 14px; line-height:20px;} hr {border:0; height: 1px; margin-bottom: 18px; clear:both;} input[type="text"], textarea {padding: 3px;} .screen-reader-text {position: absolute;left: -9000px;} .advertising {min-width:100px;} /* Navigation */ #header {background: #1A1A1A; width: 100%;} #masthead {padding: 15px 0 15px 0;} #logo{margin-left: 10px; max-width:450px; float:left;} h1#sitetitle{font-family: 'Roboto', sans-serif; font-weight:700; margin:0; font-size: 30px; line-height: 32px; display: block; text-transform: uppercase; } h3#sitedescription{font-size:18px; font-weight:400; margin:0; display: block; line-height:24px; } #logo a, #logo a:hover{text-decoration: none;} #menu{display:none;} a:hover.menu-trigger{text-decoration:none;} #navigation {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); position: fixed; top: 0; width: 100%; z-index: 9999; overflow:hidden; height:60px;} ul#primarytop{list-style: none; float:right; margin:0 62px 0 20px;} ul#primarytop li{float:left; margin-left:25px;} ul#primarytop a{color:rgba(36, 36, 36, 0.5);} .sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:9999;width:260px;overflow-x:hidden;overflow-y:auto; } .sidr .sidr-inner{padding:0 0 15px} .sidr .sidr-inner>p{margin-left:15px;margin-right:15px} .sidr.right{left:auto;right:-260px} .sidr.left{left:-260px;right:auto} .sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{} .sidr p{font-size:13px;margin:0 0 12px} .sidr p a{color:rgba(51,51,51,0.9)} .sidr>p{margin-left:15px;margin-right:15px} .sidr ul{display:block;margin:0 0 15px;padding:0;} .sidr ul li{display:block;margin:0;line-height:49px;border-bottom:1px solid rgba(255, 255, 255, 0.2);} .sidr li.current-menu-item{border-bottom:1px solid rgba(255, 255, 255, 0.0);} .sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px} .sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{} #flyoutmenu ul.sub-menu li{border:none; line-height:30px;} .sidr ul li.menu-item-has-children ul{margin-bottom:15px;} .sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#FFFFFF;} .sidr ul li ul{border-bottom:none;margin:0} .sidr ul li ul li{line-height:40px;font-size:13px} .sidr ul li ul li:last-child{border-bottom:none} .sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px} .sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{} .sidr ul li ul li a,.sidr ul li ul li span{padding-left:30px} .sidr form{margin:30px 15px 10px;} .sidr label{font-size:13px} .sidr li.menu-item a:hover, .sidr li.current-menu-item{background-color: rgba(255, 255, 255, 0.2);} .sidr #iconmenu li.menu-item a:hover{background: none;} .navsearch{background:#000;} .searchbox{width:240px; background: #9E9D9C; color:#fff; font-size:14px; margin:20px 0 10px; border: 1px solid #9E9D9C; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } input[type="text"].searchfieldnav{padding:5px 5px 3px 5px; line-height: 21px;} /* Icons */ ul#iconstopleft{height: 35px; list-style: none outside none; margin: 0 15px; width: 35px; float:left;} ul#iconstopleft li{display:inline-block; } #iconmenu {margin:0 10px 0 15px; outline: 0; border:none;} #iconmenu li, ul#iconstopleft li{color: rgba(255, 255, 255, 0.6); float:left; width: 1.7em; text-align: center; position:relative; margin:0.3em; border:none;} #iconmenu li:hover{color:#FFF;} ul#iconstopleft li{color:rgba(36, 36, 36, 0.5);} ul#iconstopleft li:hover{color:#242424;} [class^="icon-"]:before, [class*=" icon-"]:before{font-family: "richicons"; font-size:1.4em; font-style: normal; font-weight: normal; speak: none;} .icon-gplus:before { content: '\e800'; } /* '' */ .icon-pinterest:before { content: '\e801'; } /* '' */ .icon-twitter:before { content: '\e802'; } /* '' */ .icon-facebook:before { content: '\e803'; } /* '' */ .icon-linkedin:before { content: '\e804'; } /* '' */ .icon-rss:before { content: '\e805'; } /* '' */ .icon-mail:before { content: '\e806'; } /* '' */ .icon-chat:before { content: '\e807'; } /* '' */ .icon-instagram:before { content: '\e808'; } /* '' */ .icon-home:before { content: '\e809'; } /* '' */ .icon-youtube:before { content: '\e80a'; } /* '' */ .icon-menu:before { content: '\e80b'; } /* '' */ .icon-picture:before { content: '\e80c'; } /* '' */ .icon-alert:before { content: '\e80d'; } /* '' */ .icon-volume:before { content: '\e80e'; } /* '' */ .icon-play-circled2:before { content: '\e80f'; } /* '' */ .icon-link:before { content: '\e810'; } /* '' */ .icon-picture-2:before { content: '\e811'; } /* '' */ .icon-vimeo:before { content: '\e812'; } /* '' */ .icon-heart:before { content: '\e813'; } /* '' */ .icon-comment-alt:before { content: '\e814'; } /* '' */ .icon-soundcloud:before { content: '\e815'; } /* '' */ .icon-quote-circled:before { content: '\e816'; } /* '' */ .icon-xing:before { content: '\e817'; } /* '' */ .icon-check:before { content: '\e819'; } /* '' */ [class^="icon-"] a, [class*=" icon-"] a{text-indent: -9999px; display: inline-block; position:absolute; top:0.5em; left:0; width:1.8em; height:2em;} #iconmenu [class^="icon-"] a, [class*=" icon-"] a{padding:0px;} ul#iconstopleft li a{top:0; width:2.0em;} .searchformnav{margin: 30px 15px 15px 15px;} .searchfieldnav{line-height:24px; width:215px; color:#242424; background: #FFFFFF; border:none;} .searchfieldnav:focus{} .icon-comment{color: #FFFFFF; float:left; width: 32px; text-align: center; position:relative; padding-top:10px} .icon-comment a{width:32px; height: 42px;} .inpostlisticon{display: inline; width: 20px; height:20px; color: #ffffff; float:left; margin: 5px 10px 0px 10px;} /* Content */ #wrapper{padding-left:50px; padding-right:50px;} .single #wrapper{padding-left:0; padding-right:0;} #contentcontainer {padding-bottom: 30px;} #featuredcontainer {padding: 10px 0 0 0;} .boxes, .widget-container { background: #FFFFFF;padding: 0 15px 15px 0;margin: 0 0 20px 0; position:relative;} .grid_16 .boxes{padding:15px 0;} .widget-container, .footerboxes, #wrapbigbox .boxes { padding: 15px;} #main {overflow: hidden; padding: 40px 0 0 0;} .archive-meta p {margin-bottom:0;} .entry-content ol li, .entry-content ul li {margin: 0 0 0 25px;} .hentry {margin: 20px 0 20px 0;} .single .hentry {margin: 0 0 36px 0;} .entry-title a:link, .entry-title a:visited {text-decoration: none;} .entry-content {font-family: 'Roboto',sans-serif; font-size:21px; font-weight:400; line-height: 1.4em;} .entry-content fieldset {border: none; margin: 0 0 24px 0; padding: 70px;} .entry-content fieldset legend {background: #fff; font-weight: bold;padding: 0 24px;} .entry-content input {margin: 0 0 24px 0;} .entry-content input.file, .entry-content input.button { margin-right: 24px;} h3.related-title{margin-top:0;} #contentcontainer label {font-weight:normal; font-size: 90%; line-height: 20px; } .entry-content select { margin: 0 0 24px 0;} .suboverview img{float:left; margin: 0 15px 0 0;} .suboverviewtitle{margin: 0 0 5px 0;} .entry-content sup, .entry-content sub {font-size: 10px;} .entry-content blockquote.left {float: left; margin-left: 0; width: 33%;} .entry-content blockquote.right { float: right; margin-left: 0px; width: 33%;} .page-link {font-weight:bold; margin:0 0 22px 0; word-spacing:0.5em;} .page-link a:link, .page-link a:visited {background: #f1f1f1; color:#444; font-weight:normal; padding:0.5em 0.75em; text-decoration:none;} .home .sticky .page-link a {background: #D9E8F7;} #entry-author-info #author-avatar, #entry-author-info-archive #author-avatar {float: left; margin: 0 -94px 0 0; height: 80px;} #entry-author-info #author-description, #entry-author-info-archive #author-description {float: left; margin: 0 0 0 94px;} #entry-author-info h2 {margin: 0 0 10px 0;} .box-status .statuscontent .author{padding-bottom:20px;} #author-link{margin-top: 5px;} .entry-utility{clear:both; padding-top:10px;} .entry-utility h3 {padding-bottom:10px;} .entry-relatedthumbs, .entry-utility h2, .nav-above{margin-bottom:10px;} .entry-tags, .att-title, .slack{margin-bottom: 5px;} .emm-paginate {} .emm-paginate .emm-page {} .emm-paginate .emm-prev, .emm-paginate .emm-next {} .entry-content, .entry-summary {clear: both; padding: 25px 0 25px 0;} .navigationboxes{margin-top:10px;} .meta-nav {color:#4b4b4c; font-size: 90%;} .meta-nav a{text-decoration:none;} .meta-nav a:hover{text-decoration:underline;} .xoxo {margin:0 0 1px 1.5em;} #contentcontainer input[type=text], #contentcontainer input[type=password], #contentcontainer input[type="email"] {clear:both; padding:4px 4px 4px 4px; margin:0 0 30px 0; width:98%; color: #242424; background: #EBEBEB; border: 1px solid #EBEBEB;} .nothingfoundbox{text-align: center;} /* Front */ .contentfronttop{padding-bottom:20px;} #access, #wraphalfrow, #wrapbigbox, .page-template-page-front-php #container{border-bottom: 1px solid #707070;} .page-template-page-front-php .entry-content{padding-top:0; padding-bottom: 0;} #wrapfourinarow, #wraphalfrow{margin-top:15px;} #wrapfourinarowinner, #wraphalfrowinner{background:#FFFFFF;} .quaterwidgetboxes{width:265px; margin: 15px; float:left;} .halfwidgetboxes{width:560px; margin: 15px; float:left;} .front-fourinarow-widget-area, .front-halfrow-widget-area{background:#FFFFFF;} .box-front{margin:0px;} .front-bigbox-widget-area{margin-top:0;} #wrapbigbox h1, #wrapbigbox h2, #wrapbigbox h3, #wrapbigbox h4{margin: 10px 0;} /* Postlist */ #postlistcontainer{margin-top: 20px;} .articlebox{margin-bottom:30px; position:relative;} .searchheader, .archiveheader{margin: 0 13px 25px; text-align: center;} .postlistboximage{position:relative;} h1.postlisttitle{padding:0 15px 5px;} .postlistbox .entry-meta{padding:0 15px 10px;} .postlistboxvideo .entry-meta, .postlistboxaudio .entry-meta, .postlistboxchat .entry-meta, .postlistboxgallery .entry-meta, .postlistboximageformat .entry-meta, .postlistboxaside .entry-meta, .postlistboxlink .entry-meta, .postlistboxquote .entry-meta, .postlistboxstatus .entry-meta, .postlistboxvideo h1.postlisttitle, .postlistboxaudio h1.postlisttitle, .postlistboxchat h1.postlisttitle, .postlistboxgallery h1.postlisttitle, .postlistboximageformat h1.postlisttitle, .postlistboxaside h1.postlisttitle, .postlistboxlink h1.postlisttitle, .postlistboxquote h1.postlisttitle, .postlistboxstatus h1.postlisttitle{padding-left:40px;} .postlistexcerpt{padding:15px 0;} .styledbutton, .more-link{display: block; width:120px; padding: 10px 15px; margin: 33px 0 0; line-height:23px; text-align: center; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} a.styledbutton, a.more-link{color:#FFFFFF; text-decoration:none; font-weight:normal;} a:hover.styledbutton, a:hover.more-link{color:#F5F5F5; text-decoration:none;} .loop-image a.more-link {margin-top:5px;} .postlistboxnotitle{padding:10px 20px; border:none; background-color: #9E9D9C; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom:5px;} .single-post .postlistboxnotitle{margin-top:20px;} .postlistbox{position: relative; min-height:150px; height:100%; overflow:hidden; padding-bottom:10px; } .postlistboxvideo{background: #f2c300;} .postlistboxaudio{background: #27ae60;} .postlistboxchat{background: #9cabe4;} .postlistboxgallery {background:#f39c12;} .postlistboximageformat{background:#d35400;} .postlistboxaside{background:#ff4539;} .postlistboxlink{background: #3498db;} .postlistboxquote{background: #3498db;} .postlistboxstatus{background: #7f8c8d;} .postlistbox img{display: block; } .postlistboxnoimage{background:#FF0066; height: 100%;} .postlistheader{position:absolute; bottom:10px; left:0; background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)) repeat scroll; width:100%; padding-top:15px;} .postlistheader .entry-meta{color: rgba(255, 255, 255, 0.7);} .postlistboxnotitle, .postlistboxnotitle a, .postlistboxnotitle a:hover, .postlistboxnotitle p{color:#FFFFFF;} .postlistboxnotitle a:hover{text-decoration: underline;} .openpost{position:absolute; bottom:47px; right:-30px; width:30px; height:32px; overflow:hidden; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .postlistboxnotitledate{text-align: right; margin-bottom:20px; padding-right:5px;} .nav-below{text-align: center; margin: 30px 0;} .nav-below a{font-size: 30px; padding:20px 50px; color:#FFF;} .nav-below a:hover{color:#FFF; text-decoration: none;} /* Attachment pages */ .entry-content .attachment img {margin-bottom: 0;} .attachment .entry-content .entry-caption {font-size: 140%; margin-top: 24px;} .att-thumbs img{margin:1px;} /* Images */ .alignleft, img.alignleft {display: inline; float: left; margin-right: 24px; margin-top: 4px;} .alignright, img.alignright {display: inline; float: right; margin-left: 24px; margin-top: 4px;} .aligncenter, img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;} img.alignleft, img.alignright, img.aligncenter {margin-bottom: 12px;} .wp-caption { background: #EBEBEB; color: #424242; margin-bottom: 12px; max-width: 96%; padding: 15px 10px 10px 10px; font-size: 12px; text-align: center; border: 1px solid #EBEBEB; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .wp-caption img {display: block; margin: 0 auto; max-width: 98%;} .wp-caption .wp-caption-text, .gallery-caption {font-size: 14px;} .wp-caption .wp-caption-text {padding: 10px 0 5px 10px; position: relative;} .wp-caption .wp-caption-text:before {color: #666; font-size: 14px;} p.wp-caption-text{margin-bottom:0;} .gallery a img { border: 0 !important; } .entry-content dl.gallery-item {margin: 0;} .gallery-item a, .gallery-caption {width: 90%;} .gallery-item a {display: block;} .gallery-caption a {display: inline;} .gallery-columns-1 .gallery-item a {max-width: 100%; width: auto;} .gallery .gallery-icon img {height: auto; max-width: 100%;} #gallery-subpagelist .gallery-item {float: left; margin-top: 10px; text-align: center; width: 33.33%;} #gallery-subpagelist .gallery-item a, #gallery-subpagelist .gallery-caption {width: 94%;} #gallery-subpagelist .gallery-caption {margin: 0 0 18px;} /* Comments */ .commentlist li.comment { line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative; border-bottom: 1px dotted #dbd9dc;} .commentlist .children {list-style: none; margin: 0;} .commentlist .children li {border: none; margin: 0;} #comments .pingback {margin-bottom: 18px; padding-bottom: 18px;border-bottom: 1px solid #dbd9dc;} #respond textarea, #contentcontainer textarea, textarea {width:98%; padding: 6px; color: #242424; background: #EBEBEB; border: none;} #comments .navigation { padding: 0 0 18px 0;} h2#comments-title, h2#reply-title { margin-bottom: 15px;} .commentlist {list-style: none; margin: 0;} #comments .comment-body ul, #comments .comment-body ol {margin-bottom: 18px;} #comments .comment-body p:last-child {margin-bottom: 6px;} #comments .comment-body blockquote p:last-child {margin-bottom: 20px;} .commentlist ol {list-style: decimal;} .commentlist .avatar {position: absolute; top: 4px; left: 0;} .comment-author cite {font-style: normal; font-weight: bold;} .comment-author .says {font-style: italic;} .comment-meta {margin: 0 0 18px 0;} .comment-meta a:link, .comment-meta a:visited {text-decoration: none;} .reply {font-size: 12px;padding: 0 0 20px 0;} .nocomments { display: none;} #comments .pingback {margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #e7e7e7;} .commentlist li.comment+li.pingback {margin-top: -6px;} #comments .pingback p {color: #888; font-size: 12px; display:block; margin: 0;} #comments .pingback .url {font-style: italic; font-size: 13px;} #respond {overflow: hidden; position: relative;} #respond p {margin: 0;} #respond .comment-notes {margin-bottom: 1em;} .children #respond {margin: 0 48px 0 0;} h3#reply-title {margin: 0 0 15px 0;} .comment-form-author {padding-top:15px;} #comments-list #respond {margin: 0 0 18px 0;} #comments-list ul #respond {margin: 0;} #cancel-comment-reply-link, .logged-in-as { padding-bottom:15px;} #respond dd code {font-size: 11px;} input[type="submit"]#submit, input[type="submit"]{color:#FFFFFF; width:auto; margin: 20px 0 24px; padding:4px 11px; border:none; font-size:14px;} #respond dl {margin: 0 0 10px;} #respond dt { display: inline; font-weight: normal;} #respond dd {display: inline;} #cancel-comment-reply-link{font-size:14px; font-weight:normal; margin-left:25px;} /* Pagination*/ .paginate a {font-size:110%; background:#F3F3F3; color:#5d5d5e; margin-right:8px; padding:8px 15px 6px 15px; text-align:center; text-decoration:none;} .paginate a:hover, .paginate a:active, .paginate .current {font-size:110%; background:#F3F3F3; margin-right:8px; padding:8px 15px 6px 15px; text-align:center; text-decoration:none;} .paginate .gap {color:#4b4b4c; margin-right:8px;} /* Widgets */ #footerwidgets{background: #F3F3F3;} .footerboxes{margin-top:20px;} .entry-content li.inpostboxes{margin: 7px 0 10px 10px;} .inpost-widget-area ul, .inpostboxes{padding: 0; min-width: 250px; float: right;} .inmediapost-widget-area ul, .inmediapostboxes {clear:both; float:none; margin:0 0 20px; width:100%;} .entry-content li.inmediapostboxes{margin: 0 0 20px;} ul.inpostul{margin-bottom:0;} #footer-widget-area {overflow: hidden; padding-top: 0px; padding-bottom: 10px; padding-top:10px;} .footer-widget-area, .inpost-widget-area { font-family: 'Roboto',sans-serif; font-size: 15px; line-height: 22px; color: #4B4B4C;} .footer-widget-area ul li, .inpost-widget-area ul li{margin-bottom:6px;} .inpost-widget-area ul li{margin-left:0px;} .footer-widget-area a, .inpost-widget-area a{color: #9E9D9C; text-decoration: none;} .footer-widget-area a:hover, .inpost-widget-area a:hover{text-decoration: underline;} .widget-title-bottom, .widget-title-bottom a {max-width: 100%; font-family: 'Roboto',sans-serif; font-size: 20px; color:#242424; font-weight:bold; margin: 0px 0 8px 0; line-height:26px;} .widget_rss .widget-title-bottom img {height: 14px; width: 14px;} #wp-calendar tbody td, #wp-calendar thead tr, #wp-calendar .pad {padding: 3px 0 2px; border:1px solid #242424; text-align: center;} #next, #prev {border:1px solid #242424; padding: 0 3px 0 3px;} .footer-widget-area ul, .footer-widget-area ul ul, .inpost-widget-area ul, .inpost-widget-area ul ul{list-style: none; margin-left: 0;} .footer-widget-area ul ul ul, .inpost-widget-area ul ul ul{list-style: none; margin-left: 1.3em;} .widget_search #s {width: 60%;} .widget_search label {font-size: 14px; font-weight: bold; display: block;} #wp_tag_cloud div {line-height: 1.6em;} #wp-calendar {width:100%;} #wp-calendar caption {font-weight: bold; text-align: left; padding-bottom: 4px;} #wp-calendar tfoot #next {text-align: right;} .widget-title-bottom a.rsswidget, .widget-title-bottom a.rsswidget:hover{background:none;} #footer-widget-area input[type=text], #footer-widget-area input[type=password], #footer-widget-area input[type="email"], .inpost-widget-area input[type=text], .inpost-widget-area input[type=password], .inpost-widget-area input[type="email"] {clear:both; padding:4px; margin:5px 0 10px 0; width:98%; color: #242424; background: #FFF; border: 1px solid #fff;} #footer-widget-area input[type="submit"], .inpost-widget-area input[type="submit"]{margin:0 0 5px 0;} #footer-widget-area form p, .inpost-widget-area form p{margin:10px 0 0 0;} /* Footer */ #footer {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.0)); clear: both; width: 100%;} #footer-info{padding:10px 0;} #footer-info, .footernav{text-align:center; width:100%} #copyright{width:100%; margin-bottom:20px;} #copyright a{color: #5d5d5e;} #colophon {font-size: 14px; color: #696969;} #colophon a{text-decoration: none;} #colophon a:hover{text-decoration: underline;} #footer-info{padding: 20px 0 0;} #copyright, .footernav {float: left;} .footernav ul{margin-bottom:15px; line-height: 26px; margin: 10px 0;} .footernav ul li {padding: 0 10px; list-style:none; display:inline;} /* Responsive Goodness */ #access, .entry-meta, .entry-utility, .widget_search label, .navigation, .widget-area {-webkit-text-size-adjust: 100%;} #site-description {-webkit-text-size-adjust: none;} img, object, embed {height: auto; max-width: 100%;} img{ -ms-interpolation-mode: bicubic;} .notonscreen, .notonscreenblock{display:none;} @media only screen and (min-width: 960px) and (max-width: 1199px) { h1.postlisttitle{line-height: 18px;} h1.postlisttitle a{font-size:18px;} } @media only screen and (min-width: 768px) and (max-width: 959px) { #logo{max-width:450px;} .headerright{max-width:280px;} .noton768, .postformatlabel {display:none;} h1.postlisttitle{line-height: 18px;} h1.postlisttitle a{font-size:18px;} .inpostlisticon{margin-top:5px;} .icon-comment{color: #FFFFFF; float:left; text-align: center; position:relative; padding-top:5px} .icon-comment a{width:40px; height: 42px;} } @media only screen and (max-width: 767px) { .bg{font-size:90%;} .selectwrap{margin:0 2% 5px 0;} #wrapper{padding-left:15px; padding-right:15px;} #logo {width: 180px;} .boxes{background:none;} .single #contentcontainer, .single .postlistwrapper{width:90%; margin-left: auto; margin-right: auto;} ul#iconstopleft{margin-left:0px;} h1.postlisttitle, h2#comments-title, h2#reply-title {font-size:18px; line-height:20px; padding-bottom:2px;} h1.postlisttitle a{font-size:18px; line-height: 18px;} h1.entry-title{font-size: 24px; line-height:30px; padding-bottom: 0px;} h3.sub-title{font-size: 18px; line-height:22px;} .inpostlisticon{margin-top:5px;} .inpost-widget-area{width:100%;} .inpostboxes{margin-left:0;} .inpost-widget-area ul, .inpostboxes{float:none;} .postlistbox .entry-meta{padding-bottom: 5px;} .nav-below a{font-size: 20px; padding: 15px 30px;} .entry-content {font-size:1.2em; line-height:23px; padding-bottom:0;} .entry-content, .entry-summary{padding-top:15px;} .notonmobile, .postformatlabel, .more-link {display:none;} .notonscreen{display:inline;} .notonscreenblock{display:block;} img{max-width: 100%;} #logo img{max-width: 285px;} .gallery-caption{display:none;} .styledbutton{display:block; float:none; text-align:center;} .articlebox{padding-bottom:0px;} .more-link, .morelink, .styledbutton{padding: 5px 15px; width:none;} .icon-comment{color: #FFFFFF; float:left; text-align: center; position:relative; padding-top:5px} .icon-comment a{width:40px; height: 42px;} #footer-info{padding:10px 0;} #footer-info, .footernav{text-align:center; width:100%} .footernav ul li {padding:0 10px;} #copyright{width:100%;} .footernav ul{margin-bottom:15px;border-left: none; line-height: 26px; margin: 10px 0;} #footer{padding-bottom: 60px;} .nav-previous a, .nav-next a{font-size:12px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { #wrapper{padding-left:50px; padding-right:50px;} .selectwrap{margin:0 2% 15px 0;} img{max-width: 100%;} #logo img{max-width: 405px;} h1.postlisttitle a{font-size:28px; line-height: 28px;} .inpost-widget-area ul, .inpostboxes{float:right;} .inpostboxes{margin-left:10px;} } /* Misc */ .entry-meta, .entry-utility{color: #9E9D9C;} .relatedpost{margin-top: 15px;} .relatedpost img{float:left; margin-right:20px;} h4.relatedposth3{font-size:18px; line-height:24px;} .relatedpostsbox{border-bottom: 1px solid #707070; border-top: 1px solid #707070; padding:20px 0 25px 0; margin: 50px 0;} h1.entry-title, h2.related-title, h2.entry-title{margin:0px;} /* Mods */ .catlabel{position:absolute; top:0; right:0; padding:4px 0 10px 0; width:100%; font-size:0.8em; text-align: right; background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)) repeat scroll;} .catlabel a{color:#FFF; background: rgba(255, 255, 255, 0.2); padding:3px 10px;} .catlabel a:hover{color:#FFF;} .catlabel ul.post-categories{margin:0; list-style: none;} .headerimage{margin-left: auto; margin-right: auto; clear:both;} img.headerimage{width:100%;} h3.sub-title{margin:3px 0; font-weight: normal;} #relatedpostcontainer{margin:10px auto;} #relatedpostcontainer h2{margin:0 0 10px 1%;} #nav-below{display:none;} #infscr-loading{background:#202834; position: fixed; z-index: 102; top:50%; left:50%; border: 1px solid #202834; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; opacity: .90; filter: alpha(opacity=90);} #infscr-loading img{padding:3px 3px 0;} #infscr-loading em{display:none;} .bssb-buttons .facebook, .bssb-buttons .twitter, .bssb-buttons .google{margin-bottom:10px;} .next-previous_nav {display: inline-block; margin: 33px 0 0; line-height:23px; text-align: center; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .nav-previous a{margin-right:15px;} .nav-previous, .nav-next{float:right; text-align: right;} .nav-previous a, .nav-previous a:hover, .nav-next a, .nav-next a:hover{color:#fff; padding: 10px 15px; text-decoration:none; font-weight:normal;} .footerboxes {margin: 0 auto; max-width: 200px;} .inpost-widget-area{margin-bottom:50px;} #footer #iconmenu li{color:#4b4b4c;} #footer #iconmenu li:hover{color:000;} /* Yatco API Styles */ #wrapper.yatcoSearchPage { padding:0; } .yatcoHeaderImage { width:100%; height:350px; background-size:cover; background-position:center center; } .yatcoHeaderImage.vesselDetails {height:500px;} .yatcoHeaderImage h1 { display: block; float: left; margin-top: 120px; width: 100%; text-align: center; color: #fff; text-transform: uppercase; text-shadow: 1px 0px 2px rgba(0, 0, 0, 1); font-size:40px; } .yatcoHeaderImage h2 { display: block; float: left; width: 100%; margin-top:0px; padding:0 10%; text-align: center; color: #fff; text-shadow: 1px 0px 2px rgba(0, 0, 0, 1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #searchbox { background-color: #e2e2e2; padding: 30px 50px; width:100%; max-width:1000px; margin: -40px auto 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #searchbox * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .home #searchbox {margin-top:0;margin-bottom:20px;} .yatcoFormLeft { width:80%; display:inline-block; padding:10px; } .yatcoFormRight { width:20%; float:right; padding:10px; } .yatcoFormItem { display: inline-block; margin: 10px 15px; vertical-align: top; width:28%; } .yatcoFormItem input { width:99%; float:left; display:table-cell; height:30px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left:0px solid #fff; } .yatcoFormItem select {width:100%;} .yatcoFormItem.split input {width:100%;height:31px;} .yatcoFormItem label { text-transform:uppercase; width:100%; float:left; display: table; border-collapse: separate; } .yatcoFormItem .formDecoration { padding: 6px 12px; font-size: 12px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 1%; white-space: nowrap; vertical-align: middle; float;left; display:table-cell; } .yatcoFormItem.split span.dash { width:1%; padding: 6px 12px; font-size: 14px; font-weight: 400; color: #555; text-align: center; white-space: nowrap; vertical-align: middle; float;left; display:table-cell; } #contentcontainer #searchbox input[type=text] { clear: none; padding: 5px; margin: 0 0 0px 0; width: 100%; background: #FFF; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left:0px solid #fff; } #yatcoResultsContainer { width: 100%; max-width: 1000px; margin: 0px auto; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #yatcoResultsContainer *, #yatcoVesselContainer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pageNavigation {width:100%;margin:5px 0;overflow:hidden;} .yatcoResults h4.pageInfoValue { width:45%; float:left; } .yatcoResults h5.pageInfoValue { width:45%; float:right; text-align:right; } .resultsVessel { width:31%; float:left; text-align:center; padding:1%; vertical-align:top; height:330px; } .resultsVessel a { display:block; border: 1px solid #ececec; } .resultsVessel a:hover {text-decoration:none;} .resultsVessel .resultsImage { width: 100%; height: 150px; background-size: cover; background-position: center center; } .resultsInfo { padding:15px 0 20px; color:#1a5d93; font-size:14px; } .resultsInfo h5 { margin:0; padding:0; color:#1a5d93; text-transform:uppercase; } .resultsInfo hr { width:20%; height:0px; border-color:#e8de38; border-top:2px solid #e8de38; margin:0 auto; } .backtoresults {cursor:pointer;} #yatcoVesselContainer { width: 100%; margin: 0 auto; max-width: 950px; padding: 30px 15px; margin-bottom:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #yatcoVesselContainer h1 { margin: 10px 0 0; } p.price { font-size: 24px; margin: 0 0 20px; } .vesselInfoLeft, .vesselInfoRight { float:left; display:inline-block; vertical-align:top; } .vesselInfoLeft {width:70%;float:left;} .vesselInfoRight {width:30%;padding:0 20px;float:right;} .interestForm { background:#f2f2f2; border-top: 4px solid #09b6ea; padding:10px; } .interestForm h4 { text-transform:uppercase; font-size:18px; margin:0; color:#2d6a9d; font-weight:300; } .interestForm p {font-size:14px;} .interestForm input[type='Submit'] {background-color: #d9534f!important;border-color: #d43f3a;} .interestForm .contactLabel {font-size:12px;font-weight:bold;} .interestForm .phoneNumber { font-size: 21px; font-weight: bold; color: #2d6a9d; text-align:center; width:100%; padding: 10px 0; } .vesselPhotoGallery { height:350px; margin-bottom:30px; } .expandableSection { position:relative; overflow:hidden; width:100%; } .expandableSection.expanded {height:auto;padding-bottom:65px;} .sectionExpander:before { content:'View More'; display:block; cursor:pointer; position:absolute; bottom:0; width:100%; text-align:center; height: 65px; line-height:70px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(55%,rgba(255,255,255,1)), color-stop(99%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 99%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .expandableSection.expanded .sectionExpander:before {content:'View Less';} .dkBlueBar {border-top: 4px solid #2d6a9d;} .infoBlockHeadline { margin-bottom: 10px; text-transform: uppercase; color: #686868; font-size: 12px; } a.vesselPhoto { display:inline-block; width:23%; vertical-align:top; height:100px; overflow:hidden; margin:5px 1%; } a.vesselPhoto img { width:100%; height:auto; } .vesselSectionContainer { margin:25px 0 40px; float:left; } .tableLauncher { margin-top:50px; width:100%; overflow:hidden; } .tableLauncher a { display: inline-block; padding: 5px 0px; width: 16.2%; text-align: center; color: #fff; background-color: #5fa3d0; } .tableLauncher a:hover {cursor:pointer;text-decoration:none;color:#e2e2e2;} .tableLauncher a.open {background-color: #3b82b2;} .tableSplit { width:100%; float:left; margin:10px 0; display:none; } .tableSplit.tabOpen {display:block;} .tableSplit li { list-style:none; width:48%; margin:5px 1%; float:left; padding: 0px 5px 10px; border-bottom:1px solid #e2e2e2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .vesselContactLauncher { display:none; width:100%; text-align:center; padding:20px 0; color:#fff; font-weight:bold; font-size:18px; background-color: #09b6ea; text-transform:uppercase; } .vesselContactLauncher:hover {color:#fff;text-decoration:none;} .searchVesselButton { width: 100%; vertical-align: middle; padding: 15px 0; margin-top: 30px; background-color: #1a5d93; border: none; color: #fff; } #searchBoxExpander { display: inline-block; font-size: 20px; font-weight: bold; color: #000; width:100%; } #searchBoxExpander:hover {text-decoration:none;} #searchBoxExpander span.dropdown {float:right;display:none;} .home #searchbox {max-width:100%;} .home #searchbox form {display:block;} @media screen and (max-width: 900px) { .yatcoFormLeft, .yatcoFormRight {width:100%;} } @media screen and (max-width: 700px) { .yatcoHeaderImage {height:300px;} #searchbox {padding:0 0 20px;width:94%;} .yatcoHeaderImage h1{margin-top:75px;font-size:35px;} .yatcoHeaderImage h2{font-size:25px;} .yatcoFormItem { width:100%; margin:10px 0; overflow:hidden;} .yatcoHeaderImage.vesselDetails {height:300px;} .resultsVessel {width:100%;} .vesselInfoLeft, .vesselInfoRight {width:100%;} .vesselInfoRight {padding:0;margin-bottom:30px;} .vesselContactLauncher {display:block;} .interestForm {display:none;} .interestForm.tabOpen {display:block;} .interestForm h4 {display:none;} .tableLauncher a {width:48.5%;margin:5px 0;} .home #searchbox form {display:none;} #searchBoxExpander {padding: 20px 10px 0;cursor:pointer;} #searchBoxExpander span.dropdown {display:inline-block;} }