/* Theme Name: Amateur Photographer Version: 1.0 Author: TILT Digital Author URI: https://tilt.digital/ */ /* ----- CSS 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main, button {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;} body {line-height:1;} button {box-shadow:none; background:none; cursor:pointer;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} table {border-collapse:collapse; border-spacing:0;} img {display:block; max-width:100%; height:auto;} legend {position:absolute; left:-9999px;} textarea {overflow:auto; resize:none;} :focus {outline:none;} a {text-decoration:none; outline:none;} a:hover, a:active, a:focus {text-decoration:underline;} a[href^=tel], #content a[href^=tel], #content a[href^=tel]:hover, #content a[href^=tel]:active, #content a[href^=tel]:focus {color:inherit; text-decoration:none; cursor:default;} strong {font-weight:bold;} em {font-style:italic;} button, input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], input[type="number"], input[type="submit"], textarea, select {font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; border-radius:0; border:1px solid #CCC; -webkit-appearance:none; appearance:none;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {margin:0; -webkit-appearance:none;} input {font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px;} body {-webkit-font-smoothing:subpixel-antialiased;} .hidden {position:absolute !important; left:-9999px !important;} .single #content img.mobileSubsAd, .single #content img.desktopSubsAd {border:none; margin-bottom:20px} img.mobileSubsAd {display: none;} /* ------------------------------ Template Styles ------------------------------ */ @font-face { font-family:'MonserratLight'; src: url('./assets/fonts/montserrat-light-webfont.eot'); src: url('./assets/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('./assets/fonts/montserrat-light-webfont.woff2') format('woff2'), url('./assets/fonts/montserrat-light-webfont.woff') format('woff'), url('./assets/fonts/montserrat-light-webfont.ttf') format('truetype'), url('./assets/fonts/montserrat-light-webfont.svg#montserratlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'MonserratReg'; src: url('./assets/fonts/montserrat-regular-webfont.eot'); src: url('./assets/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('./assets/fonts/montserrat-regular-webfont.woff2') format('woff2'), url('./assets/fonts/montserrat-regular-webfont.woff') format('woff'), url('./assets/fonts/montserrat-regular-webfont.ttf') format('truetype'), url('./assets/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'Bebas'; src: url('./assets/fonts/bebasneue_bold-webfont.eot'); src: url('./assets/fonts/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'), url('./assets/fonts/bebasneue_bold-webfont.woff2') format('woff2'), url('./assets/fonts/bebasneue_bold-webfont.woff') format('woff'), url('./assets/fonts/bebasneue_bold-webfont.ttf') format('truetype'), url('./assets/fonts/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg'); font-weight: normal; font-style: normal; } body {font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} .body-ad {position:absolute; top:0; left:50%; display:block; width:270px; height:860px; text-indent:-9999px;} .body-ad-left {margin-left:-860px;} .body-ad-right {margin-left:590px;} .wrapper {width:1160px; margin:0 auto; padding:0 10px; box-sizing:border-box;} .wrapper::after {clear:both; display:block; content:'';} #page-container {overflow:hidden;} #page-wrap {position:relative; max-width:1180px; margin:0 auto; background:#FFF; box-shadow:0 0 5px rgba(0,0,0,0.2);} #page-wrap .ad-col {position:absolute; top:20px; left:50%;} #page-wrap #ad-col-1 {margin-left:-750px;} #page-wrap #ad-col-2 {margin-left:590px;} /* ----- Buttons ----- */ .button, #content .button, input.button, #content input.button {display:inline-block; height:35px; line-height:35px; margin:0; padding:0 10px; text-decoration:none; border:none; border-radius:0; -webkit-appearance:none; appearance:none; cursor:pointer;} input.button {box-sizing:content-box;} .button:hover, .button:active, .button:focus, #content .button:hover, #content .button:active, #content .button:focus {text-decoration:none;} /* Social */ .social-links {font-size:0;} .social-links li {display:inline-block; margin:0 5px 0 0; font-size:14px; text-align:left;} .social-links li a {display:block; width:30px; height:30px; text-indent:-9999px; border-radius:50%; background:url('./assets/images/bg-header-social.png') no-repeat rgba(255,255,255,0.75); background-size:120px 30px;} .social-links li a:hover, .social-links li a:active, .social-links li a:focus {background-color:rgba(255,255,255,1);} .social-links li.twitter a {background-position:0 0;} .social-links li.youtube a {background-position:-30px 0;} .social-links li.facebook a {background-position:-60px 0;} .social-links li.instagram a {background-position:-90px 0;} .wp-social-login-widget {padding:10px; border:1px solid #e3e3e3; background:#fefefe;} .wp-social-login-widget .wp-social-login-connect-with {margin:0 0 10px 0; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;} .wp-social-login-widget .wp-social-login-provider-list {padding:0;} .wp-social-login-widget .wp-social-login-provider-list::after {clear:both; display:block; content:'';} .wp-social-login-widget .wp-social-login-provider-list a {display:block; float:left; margin:0 5px 0 0;} /* ----- Pagination ----- */ #content .page-controls {clear:both; padding:20px 0 0 0; border-top:1px solid #CCC;} #content .page-controls::after {clear:both; display:block; content:'';} #content .pagination {float:right; margin:0;} #content .pagination::after {clear:both; display:block; content:'';} #content .pagination li {float:left; margin:0 0 0 5px; padding:0;} #content .pagination li::before {display:none;} #content .pagination li a, #content .pagination li .current {display:block; width:25px; height:25px; line-height:25px; text-align:center; color:#989898; text-decoration:none; background:#f2f2f2;} #content .pagination li .current {color:#f2f2f2; background:#989898;} #content .pagination li a:hover, #content .pagination li a:active, #content .pagination li a:focus {background:#666;} #content .pagination li a.icon span {display:block; width:25px; height:25px; text-indent:-9999px; background:url('./assets/images/bg-pagination.png') 0 0 no-repeat;} #content .pagination li a.first span {background-position:0 0;} #content .pagination li a.prev span {background-position:-25px 0;} #content .pagination li a.next span {background-position:-50px 0;} #content .pagination li a.last span {background-position:-75px 0;} .single #content .page-controls {border-top:5px solid #f3f3f3;} .single #content .page-controls .button:first-child {float:left;} .single #content .page-controls .button:last-child {float:right;} .single #content .page-controls .post {width:130px;} .single #content .page-controls .post.prev {float:left;} .single #content .page-controls .post.next {float:right;} .single #content .page-controls .post .button {float:none; width:100%; padding:0; text-align:center;} .single #content .page-controls .post .thumb img {border-width:5px;} .single #content .page-controls .post h3 {margin:0; padding:0 5px 5px 5px; font-size:12px; line-height:1.4em; background:#f3f3f3;} /* ----- Headers & Navs ----- */ #header .mid {padding:30px 0; background:#FFF;} #header .social-links {float:left; margin:0 15px 0 0; padding:5px 0;} #header #search-toggle {display:none;} #header .search-form {position:relative; float:left; width:200px;} #header .search-form fieldset {padding:5px 40px 5px 0;} #header .search-form fieldset label {position:absolute; left:-9999px;} #header .search-form fieldset input {width:100%; height:30px; padding:5px 10px; line-height:20px; color:#FFF; border:none; background:rgba(255,255,255,0.15); box-sizing:border-box;} #header .search-form fieldset input:focus {background:rgba(255,255,255,0.25);} #header .search-form fieldset button {position:absolute; top:5px; right:0; width:40px; height:30px; text-indent:-9999px; border:none; background:url('./assets/images/bg-search.png') 0 0 no-repeat rgba(255,255,255,0.25); background-size:40px 30px;} #header .search-form fieldset button:hover {background-color:rgba(255,255,255,0.5)} #header .nav-wrap {float:right; margin-right:-10px;} #header .nav-wrap nav {float:left;} #header .nav-wrap nav ul::after {clear:both; display:block; content:'';} #header .nav-wrap nav ul li {position:relative; float:left; border-left:1px solid rgba(255,255,255,0.25);} #header .nav-wrap nav ul li a {display:block; padding:10px; line-height:20px;} #header .nav-wrap nav ul li a:hover, #header .nav-wrap nav ul li a:active, #header .nav-wrap nav ul li a:focus {text-decoration:none;} #header .nav-wrap .links li:first-child {border-left:none;} #header .nav-wrap nav ul li .sub-menu {position:absolute; top:40px; left:0; display:none; margin:0; padding:0 10px;} #header .nav-wrap nav ul li:hover .sub-menu {display:block;} #header .nav-wrap nav ul li .sub-menu li {position:static; float:none; border:none; border-top:1px solid rgba(255,255,255,0.25); white-space:nowrap;} #header .nav-wrap nav ul li .sub-menu li:first-child {border:none;} #header .nav-wrap nav ul li .sub-menu li a {padding:7px 0; line-height:20px;} #header #main-logo {float:left; display:block; height:90px;} #header #main-logo img {width:auto; height:100%;} .ad-wrap {width:100%; text-align: center; padding-bottom: 30px;} #header #main-nav ul {margin-left:-10px;} #header #main-nav ul li {position:relative; float:left; border-left:1px solid rgba(255,255,255,0.25);} #header #main-nav ul li:first-child {border-left:none;} #header #main-nav ul li a {display:block; padding:10px; line-height:20px;} #header #main-nav ul li a:hover, #header #main-nav ul li a:active, #header #main-nav ul li a:focus {text-decoration:none;} #header #main-nav ul li .sub-menu {z-index:2000; position:absolute; top:40px; left:0; display:none; margin:0; padding:0 10px;} #header #main-nav ul li:hover .sub-menu {display:block;} #header #main-nav ul li .sub-menu li {position:static; float:none; border:none; border-top:1px solid rgba(255,255,255,0.25); white-space:nowrap;} #header #main-nav ul li .sub-menu li:first-child {border:none;} #header #main-nav ul li .sub-menu li a {padding:7px 0; line-height:20px;} #header #main-nav #menu-secondary-1 {display:none;} #header #nav-toggle {display:none;} /* ----- Content ----- */ #content-wrap {padding:35px 0; background:#FFF;} #content {float:left; width:820px;} .home #content {width:830px;} #content::after {clear:both; display:block; content:'';} #content h1 {margin:0 0 20px 0; padding:20px 0 0 0;} .home #content h1 {position:absolute !important; left:-9999px !important;} #content h2 {margin:0 0 20px 0; padding:10px 0 0 0; line-height:1.4em;} .home #content h2 {padding-top:0;} #content h3 {margin:0 0 15px 0; padding:10px 0 0 0; line-height:1.4em;} #content h1 a, #content h2 a, #content h3 a {text-decoration:none;} #content h2 a:hover, #content h2 a:active, #content h2 a:focus, #content h3 a:hover, #content h3 a:active, #content h3 a:focus {text-decoration:underline;} #content p {margin:0 0 15px 0; line-height:1.5em;} #content a {text-decoration:underline;} #content ul, #content ol {margin:0 0 15px 0; line-height:1.4em;} #content ul li, #content ol li {margin:0 0 5px 0;} #content ul li {position:relative; padding-left:12px;} #content ul li::before {position:absolute; top:0; left:0; content:"\2022";} #content ol li {margin-left:20px; list-style:decimal; background:none;} #content hr {height:5px; margin:25px 0; border:none; background:#e7e7e7;} #content table {width:100%; margin:0 0 30px 0; border-top:1px solid #CCC; border-left:1px solid #CCC; background:#FFF; box-sizing:border-box;} #content table th, #content table td {padding:5px; border-right:1px solid #CCC; border-bottom:1px solid #CCC;} #content table th {padding:10px 5px; font-weight:bold; text-align:center; background-color:#e5e5e5;} #content .video-wrap {position:relative; width:100%; height:0; margin:0 0 20px 0; padding-top:54%; border:10px solid #f3f3f3; box-sizing:border-box; overflow:hidden;} #content .video-wrap iframe {position:absolute; top:0; left:0; width:100%; height:100%;} /* Flexible Content */ #content .txt-img-block {margin:0 0 25px 0; padding:0; border-bottom:1px solid #CCC;} #content .txt-img-block::after {clear:both; display:block; content:'';} #content .txt-img-block .thumb {display:block; float:left; width:240px; margin:0 0 25px 0;} #content .txt-img-block .thumb img {border:none;} #content .txt-img-block .details {float:right; width:560px; margin:0 0 10px 0;} #content .txt-img-block .details h3 {padding:0;} #content .gallery-list {margin:0 0 10px -15px;} #content .gallery-list::after {clear:both; display:block; content:'';} #content .gallery-list li {float:left; width:150px; margin:0 0 15px 15px; padding:0;} #content .gallery-list li::before {display:none;} #content .gallery-list li a {display:block;} #content .gallery-list li a img {width:100%;} #content .full-img {display:block; background:#e7e7e7;} .single #content .details {padding-bottom: 20px;} /* ----- Home ----- */ #content .cta-wrap {margin:0 0 15px 0;} #content .cta-wrap::after {clear:both; display:block; content:'';} #content .cta-wrap .slides-wrap {position:relative; float:left; width:600px; margin:0 0 10px 0;} #content .cta-wrap .slides-wrap .slides {overflow:hidden;} #content .cta-wrap .slides-wrap .slides .slide {position:relative; float:left;} #content .cta-wrap .slides-wrap .slides .slide .img {display:block; border:1px solid #CCC;} #content .cta-wrap .slides-wrap .slides .slide .img img {width:100%;} #content .cta-wrap .slides-wrap .slides .slide .details {position:absolute; right:0; bottom:0; left:0; padding:20px;} #content .cta-wrap .slides-wrap .slides .slide .details h2 {margin:0 0 5px 0; padding:0;} #content .cta-wrap .slides-wrap .slides .slide .details p {margin:0;} #content .cta-wrap .slides-wrap .slick-dots {z-index:1500; position:absolute; top:20px; right:20px; overflow:hidden;} #content .cta-wrap .slides-wrap .slick-dots li {float:left; margin:0 0 0 3px; padding:2px;} #content .cta-wrap .slides-wrap .slick-dots li::before {display:none;} #content .cta-wrap .slides-wrap .slick-dots li button {display:block; width:10px; height:10px; text-indent:-9999px; border-radius:50%; border:2px solid transparent; background:#FFF;} #content .cta-wrap .slides-wrap .slick-dots li.slick-active {padding:0;} #content .cta-wrap .slides-wrap .slick-dots li.slick-active button {border-color:#FFF; box-sizing:content-box;} #content .cta-wrap .slides-wrap .controls .control {z-index:1500; position:absolute; top:50%; display:block; width:50px; height:80px; margin-top:-40px; text-indent:-9999px; border:none; background:url('./assets/images/bg-slides-controls.png') no-repeat rgba(0,0,0,0.5);} #content .cta-wrap .slides-wrap .controls .control:hover, #content .cta-wrap .slides-wrap .controls .control:active, #content .cta-wrap .slides-wrap .controls .control:focus {background-color:rgba(0,0,0,0.85);} #content .cta-wrap .slides-wrap .controls .control.prev {left:1px; background-position:0 0;} #content .cta-wrap .slides-wrap .controls .control.next {right:1px; background-position:-50px 0;} #content .cta-wrap .cta {float:right; margin:0 0 10px 0;} #content .cta-wrap .cta .wrap {position:relative; width:218px; border:1px solid #CCC;} #content .cta-wrap .cta .img {display:block;} #content .cta-wrap .cta .img img {width:100%;} #content .cta-wrap .cta h3 {position:absolute; right:-1px; bottom:-1px; left:-1px; margin:0; padding:10px;} #content .cta-wrap .cta h3 a {color:#FFF;} #content .recent-news {margin:0 10px 20px 0; padding:10px 0; font-size:0; border:1px solid #CCC; border-right:none; border-left:none;} #content .recent-news li {display:inline-block; width:50%; margin:0; padding:10px; vertical-align:top; box-sizing:border-box;} #content .recent-news li::before {display:none;} #content .recent-news li .thumb {float:left; display:block; width:105px; margin:0 10px 0 0;} #content .recent-news li h3 {margin:0 0 5px 0; padding:0; font-size:14px; line-height:16px;} #content .recent-news li .date {margin:0; font-size:12px;} /* ----- Posts ----- */ /* Filter */ #content .filter-form {margin:0 0 20px 0;} #content .filter-form .wrap {padding:15px 15px 5px 15px; background:#f3f3f3; box-sizing:border-box;} #content .filter-form .toggle {display:none;} #content .filter-form .options::after {clear:both; display:block; content:'';} #content .filter-form .options .field {float:left; width:220px; margin:0 10px 10px 0; box-sizing:border-box;} #content .filter-form .options .field label {position:absolute; left:-9999px;} #content .filter-form .options .text input, #content .filter-form .options .select select, #content .filter-form .options .select .customSelect {width:100%!important; height:35px; padding:10px; line-height:15px; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; border:1px solid #CCC; box-sizing:border-box; background:#FFF;} #content .filter-form .options .select {position:relative;} #content .filter-form .options .customSelect .customSelectInner {width:100%!important; background:url('./assets/images/bg-custom-select.png') right -3px no-repeat;} #content .filter-form .options .controls {float:right; width:100px; margin:0 0 10px 0;} #content .filter-form .options .controls input {width:100%; padding:0; text-align:center;} #content .filter-form .options .text input::-webkit-input-placeholder {font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; letter-spacing:0; text-transform:none; color:#494949;} #content .filter-form .options .text input:-moz-placeholder {font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; letter-spacing:0; text-transform:none; color:#494949;} #content .filter-form .options .text input::-moz-placeholder {font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; letter-spacing:0; text-transform:none; color:#494949;} #content .filter-form .options .text input:-ms-input-placeholder {font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; letter-spacing:0; text-transform:none; color:#494949;} /* Listings */ #content .posts-list {margin:0;} .home #content .posts-list {padding-right:10px;} #content .posts-list li {margin:0; padding:5px 0; border-top:1px solid #CCC;} .home #content .posts-list {border-bottom:1px solid #CCC;} #content .posts-list li::before {display:none;} #content .posts-list li:first-child article {border:none;} #content .posts-list li article::after {clear:both; display:block; content:'';} #content .posts-list li article .thumb {float:left; display:block; width:260px; padding:10px; box-sizing:border-box;} #content .posts-list li article .thumb img {width:100%;} #content .posts-list li article .details {padding:10px; box-sizing:border-box;} #content .posts-list li.has-post-thumbnail article .details {float:right; width:560px;} #content .posts-list li article .details h3 {margin:0; padding:0;} #content .posts-list li article .details h4 {margin:0 0 15px 0;} #content .posts-list li.review-post article .details h4 {margin:0 0 10px 0;} #content .posts-list li article .details .rating {margin:0 0 10px 0;} #content .posts-list li article .details p {margin:0;} #content .posts-list li article.sticky {position:relative; color:#FFF; border:none; background:#666;} #content .posts-list li article.sticky .details h3 {padding:0 100px 0 0;} #content .posts-list li article.sticky a {color:#FFF;} #content .posts-list li article.sticky h4.note {position:absolute; top:10px; right:10px; padding-left:25px; line-height:20px; opacity:0.5; background:url('./assets/images/bg-sticky-h4.png') 0 0 no-repeat; background-size:17px 20px;} #content .results-list li {margin:0 0 15px 0; padding:15px 0 0 0; border-top:1px solid #CCC;} #content .results-list li h3 {margin:0 0 5px 0; padding:0;} /* Post Content */ #content #banner {margin:0 0 20px 0;} #content #banner img {border:none;} #content #banner .details {padding:20px;} #content #banner .details h1 {margin:0 0 5px 0; padding:0;} #content #banner .details h4 {margin:0;} #content #banner .details h4 a {text-decoration:none;} #content #banner .details h4 a:hover, #content #banner .details h4 a:active, #content #banner .details h4 a:focus {text-decoration:underline;} .alignleft {float:left; margin:20px 15px 15px 0;} .alignright {clear:right; float:right; margin:20px 0 15px 15px;} .aligncenter {margin:0 auto 15px auto;} .single #content img {border:10px solid #f3f3f3; box-sizing:border-box;} .single #content .wp-caption {width:auto !important; padding:10px; background:#f3f3f3; box-sizing:border-box;} .single #content .wp-caption img {margin:0 0 10px 0; border:none;} .single #content .wp-caption-text {margin:0; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; background:#f3f3f3;} #content .addthis_sharing_toolbox {margin:0 0 20px 0;} /* Comments */ #content #comments {clear:both; margin:30px 0 0 0; padding:20px 0 0 0; border-top:5px solid #f3f3f3;} #content #comments h2 {margin:0 0 20px 0;} #content #comments .content {float:none; width:auto !important;} #content #comments .comment-respond {padding:15px; border-bottom:5px solid #e6e6e6; background:#f2f2f2;} #content #comments .comment-respond h3 {margin:0 0 10px 0; padding:0;} #content #comments .comment-respond h3::after {clear:both; display:block; content:'';} #content #comments .comment-respond h3 a#cancel-comment-reply-link {float:right; display:block; font-size:16px;} #content #comments .comment-respond .user {margin:0; padding:5px; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; background:#e3e3e3;} #content #comments .comment-respond form .field::after {clear:both; display:block; content:'';} #content #comments .comment-respond form .field label {position:absolute; left:-9999px;} #content #comments .comment-respond form .field textarea, #content #comments .comment-respond form .field input {float:left; width:100%; height:40px; padding:5px; line-height:30px; color:#000; border:1px solid #e3e3e3; background:#fefefe; box-sizing:border-box;} #content #comments .comment-respond form .textarea textarea {height:120px; padding:10px; line-height:normal;} #content #comments .comment-respond form .text {float:left; width:50%; padding:10px 0 0 0; box-sizing:border-box;} #content #comments .comment-respond form .text.name {padding-right:5px;} #content #comments .comment-respond form .text.email {padding-left:5px;} #content #comments .comment-respond form .controls {clear:both; padding:10px 0 0 0;} #content #comments .comment-respond form .controls::after {clear:both; display:block; content:'';} #content #comments .comment-respond form .controls .button {float:right;} #content #comments .comment-respond form .field label.error {position:static; left:auto; display:block; clear:both; padding:5px; color:#d31b1b; text-align:right; border:1px solid #eca0a0; background:#fcf0f0;} #content #comments .comment-respond form ::-webkit-input-placeholder {color:#BBB;} #content #comments .comment-respond form :-moz-placeholder {color:#BBB;} #content #comments .comment-respond form ::-moz-placeholder {color:#BBB;} #content #comments .comment-respond form :-ms-input-placeholder {color:#BBB;} #content #comments .comments-list {margin:0;} #content #comments .comments-list .comment {margin:0 0 15px 0; padding:15px; border-bottom:5px solid #e6e6e6; background:#f2f2f2;} #content #comments .comments-list .comment::before {display:none;} #content #comments .comments-list .comment .children {margin:0;} #content #comments .comments-list .comment .children .comment {margin:0; padding:0 0 0 15px; border:none; border-left:2px dotted #e6e6e6; background:transparent;} #content #comments .comments-list .comment .children .comment:first-child {padding-top:0;} #content #comments .comments-list .comment .children .comment .content {padding:15px 0 0 0;} #content #comments .comments-list .comment p {margin:0 0 15px 0; padding:0 5px;} #content #comments .comments-list .comment .moderation {margin:0; padding:5px; color:#43a0be; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; background:#c4edf2;} #content #comments .comments-list .comment .content .foot {margin:0; padding:5px; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; background:#e3e3e3;} #content #comments .comments-list .comment .content .foot::after {clear:both; display:block; content:'';} #content #comments .comments-list .comment .content .foot a {text-decoration:none;} #content #comments .comments-list .comment .content .foot .comment-reply-link, #content #comments .comments-list .comment .content .foot .comment-reply-login {float:right;} /* ----- Reviews & Walks ----- */ .single #content .content {float:left; width:600px;} .single #content .overview {float:right; width:200px; margin:0 0 20px 0;} .single #content .overview .wrap {padding:20px; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; background:#f3f3f3;} .single #content .overview h3 {margin:0 0 10px 0; padding:0;} .single #content .overview .details {margin:0;} .single #content .overview .details li {margin:0 0 10px 0; padding:0;} .single #content .overview .details li::before {display:none;} .single #content .overview .details li:last-child {margin:0;} .single #content .overview .details li strong {display:block; margin:0 0 3px 0; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold;} .single #content .overview #map, .single #content .overview .event-map {width:100%; height:300px; margin:0 0 20px 0;} /* Ratings */ #content .review-rating {padding:0; line-height:20px;} #content .review-rating::before {display:none;} #content .review-rating .rating {display:block; width:100px; height:20px; padding:0; text-indent:-9999px; background:url('./assets/images/bg-ratings.png') no-repeat; background-size:100px 180px;} #content .review-rating .rating-1-5 {background-position:0 -20px;} #content .review-rating .rating-2 {background-position:0 -40px;} #content .review-rating .rating-2-5 {background-position:0 -60px;} #content .review-rating .rating-3 {background-position:0 -80px;} #content .review-rating .rating-3-5 {background-position:0 -100px;} #content .review-rating .rating-4 {background-position:0 -120px;} #content .review-rating .rating-4-5 {background-position:0 -140px;} #content .review-rating .rating-5 {background-position:0 -160px;} #content .overview .ratings {margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #FFF;} #content .overview .pros, #content .overview .cons {position:relative; margin:0 0 15px 0; padding:15px 0; border-bottom:1px solid #FFF;} #content .overview .pros span, #content .overview .cons span {position:absolute; top:0; left:0; display:block; width:0; height:0; text-indent:-9999px; border:10px solid transparent;} #content .overview .pros span {border-top:none; border-bottom:10px solid #7bd868;} #content .overview .cons span {border-bottom:none; border-top:10px solid #f36161;} /* ----- Forms ----- */ #content .customSelect .customSelectInner {width:100%!important; background:url('./assets/images/bg-custom-select.png') right -3px no-repeat;} #content .ninja-forms-form-wrap {position:relative; max-width:620px; margin:0 0 30px 0; padding:30px 30px 65px 30px; border:1px solid #d3d3d3; background:#FFF; box-sizing:border-box;} #content .ninja-forms-response-msg div {margin:0 0 15px 0; padding:15px; background:#f6f6f6;} #content .ninja-forms-response-msg p {margin:0;} #content .ninja-forms-error-msg div {color:#d31b1b; border:1px solid #eca0a0; background:#fcf0f0;} #content .ninja-forms-success-msg div {color:#538637; border:1px solid #7bb959; background:#dcf4bd;} #content .ninja-forms-req-symbol, #content .ninja-forms-req-symbol strong {color:#d31b1b; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold;} #content .ninja-forms-form .hp-wrap {display:none;} #content .ninja-forms-form .ninja-forms-required-items {margin:0 0 25px 0; font-size:12px;} #content .ninja-forms-form .nf-desc {margin:0 0 15px 0; padding:15px 15px 1px 15px; background:#f6f6f6;} #content .ninja-forms-form h3 {padding:0;} #content .ninja-forms-form .field-wrap {position:relative; margin:0 0 15px 0;} #content .ninja-forms-form .field-wrap::after {clear:both; display:block; content:'';} #content .ninja-forms-form .field-wrap label {display:block; margin:0;} #content .ninja-forms-form .text-wrap label, #content .ninja-forms-form .number-wrap label, #content .ninja-forms-form .list-dropdown-wrap label, #content .ninja-forms-form .list-multi-wrap label, #content .ninja-forms-form .spam-wrap label, #content .ninja-forms-form .field_type_textbox label {float:left; width:190px; margin:0; padding:5px 0; line-height:20px;} #content .ninja-forms-form .text-wrap input, #content .ninja-forms-form .number-wrap input, #content .ninja-forms-form .list-dropdown-wrap select, #content .ninja-forms-form .list-dropdown-wrap .customSelect, #content .ninja-forms-form .list-multi-wrap select, #content .ninja-forms-form .spam-wrap input, #content .ninja-forms-form .field_type_textbox input {float:right; width:360px; height:30px; margin:0; padding:5px; line-height:20px; font-size:14px; color:#000; border:none; background:#ebebeb; box-sizing:border-box;} #content .ninja-forms-form .list-dropdown-wrap select {width:360px !important;} #content .ninja-forms-form .list-dropdown-wrap .customSelectInner {width:350px !important;} #content .ninja-forms-form .list-dropdown-wrap select {top:0; right:0; cursor:pointer;} #content .ninja-forms-form .list-dropdown-wrap .customSelect {font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} #content .ninja-forms-form .list-dropdown-wrap .customSelectInner {background:url('./assets/images/bg-custom-select.png') top right no-repeat;} #content .ninja-forms-form .list-multi-wrap select {height:auto; cursor:pointer;} #content .ninja-forms-form .list-radio-wrap label, #content .ninja-forms-form .list-checkbox-wrap label {float:none; margin:0 0 10px 0;} #content .ninja-forms-form .list-radio-wrap ul, #content .ninja-forms-form .list-checkbox-wrap ul {float:none; margin:0; padding:15px 15px 10px 15px; background:#f6f6f6;} #content .ninja-forms-form .list-radio-wrap ul li, #content .ninja-forms-form .list-checkbox-wrap ul li {float:none; margin:0 0 5px 0; padding:0;} #content .ninja-forms-form .list-radio-wrap ul li::before, #content .ninja-forms-form .list-checkbox-wrap ul li::before {display:none;} #content .ninja-forms-form .list-radio-wrap ul li label, #content .ninja-forms-form .list-checkbox-wrap ul li label {float:none; display:inline-block; width:auto; margin:0; line-height:1.4em; cursor:pointer;} #content .ninja-forms-form .list-radio-wrap ul li label input, #content .ninja-forms-form .list-checkbox-wrap ul li label input {margin-right:10px;} #content .ninja-forms-form .textarea-wrap label {margin:0 0 10px 0;} #content .ninja-forms-form .textarea-wrap textarea {float:left; width:100%; height:120px; margin:0; padding:5px; font-size:14px; color:#000; border:none; background:#ebebeb; box-sizing:border-box;} #content .ninja-forms-form .checkbox-wrap label {float:left; margin:0 0 0 20px; line-height:1.4em; cursor:pointer;} #content .ninja-forms-form .checkbox-wrap input {position:absolute; top:0; left:0;} #content .ninja-forms-form .submit-wrap {position:static; margin:0;} #content .ninja-forms-form .submit-wrap input {position:absolute; bottom:0; right:0; padding-right:90px; padding-left:20px; background-image:url('./assets/images/bg-submit.png'); background-position:top right; background-repeat:no-repeat;} #content .ninja-forms-form .ninja-forms-field-error {clear:both; padding:5px 0 0 0;} #content .ninja-forms-form .ninja-forms-field-error p {margin:0; padding:5px; color:#d31b1b; text-align:right; border:1px solid #eca0a0; background:#fcf0f0;} #content .ninja-forms-form .ninja-forms-field-description {clear:both; padding:5px; font-size:12px; background:#f6f6f6;} #content .ninja-forms-form .ninja-forms-field-description p {margin:0;} #content .ninja-forms-form .ninja-forms-help-text {display:inline-block;} #ui-datepicker-div {padding:3px; font-size:12px; border:1px solid #CCC; border-radius:0; background:#f6f6f6;} #ui-datepicker-div .ui-datepicker-header {margin:0 0 3px 0; padding:0!important;} #ui-datepicker-div .ui-datepicker-title {padding:3px; line-height:16px; background:#FFF;} #ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next {display:block; width:14px; height:14px; text-indent:-9999px; background:url('./assets/images/bg-date-picker-nav.png') no-repeat;} #ui-datepicker-div .ui-datepicker-prev {margin:3px 0 0 3px; background-position:0 0;} #ui-datepicker-div .ui-datepicker-next {margin:3px 3px 0 0; background-position:-14px 0;} #ui-datepicker-div tbody {padding:3px; background:#FFF;} #ui-datepicker-div a {color:#242424;} #ui-datepicker-div td:hover {background:#EEE;} /* Register Form */ #content .ninja-forms-form .wp-social-login-widget {margin:0 0 15px 0;} #content .ninja-forms-form .visibility {clear:both; margin:0 0 15px 0; padding:5px 0 0 0;} #content .ninja-forms-form .field-visibility-settings-toggle {clear:both; margin:0; padding:10px; background:#f6f6f6; overflow:hidden;} #content .ninja-forms-form .field-visibility-settings-toggle .visibility-toggle-link {float:right;} #content .ninja-forms-form .field-visibility-settings {display:none; padding:5px 15px 10px 15px; background:#f6f6f6;} #content .ninja-forms-form .field-visibility-settings .field-visibility-settings-close {float:right;} #content .ninja-forms-form .field-visibility-settings ul {clear:both; margin:0;} #content .ninja-forms-form .field-visibility-settings ul li {margin:0 0 5px 0; padding:0;} #content .ninja-forms-form .field-visibility-settings ul li::before {display:none;} #content .ninja-forms-form .field-visibility-settings ul li::after {clear:both; display:block; content:'';} #content .ninja-forms-form .field-visibility-settings ul li label {margin:0; padding:0; line-height:1.4em; cursor:pointer;} #content .ninja-forms-form .field-visibility-settings ul li label::after {clear:both; display:block; content:'';} #content .ninja-forms-form .field-visibility-settings ul li label input {float:none; width:auto; height:auto; margin-right:10px;} #content .ninja-forms-form .field-visibility-settings ul li label span {display:inline-block; line-height:20px;} #content .ninja-forms-form .foot h4 {margin:0 0 10px 0;} #content .ninja-forms-form #pass-strength-result {clear:both; display:none; height:30px; margin:0; padding:5px; line-height:20px; border:1px solid #CCC; background:#f6f6f6; box-sizing:border-box;} #content .ninja-forms-form #pass-strength-result.short {display:block; border-color:#e35b5b; background:#f1adad;} #content .ninja-forms-form #pass-strength-result.short {display:block; border-color:#e35b5b; background:#f1adad;} #content #buddypress .ninja-forms-form .text-wrap label::after {width:100%; clear:both; display:block; margin:0 0 5px 0; content:'';} #content #buddypress .ninja-forms-form .error {clear:both; margin:5px 0 0 0; padding:5px; color:#d31b1b; text-align:right; border:1px solid #eca0a0; background:#fcf0f0;} /* ----- Side Column ----- */ #side-col {float:right; width:300px;} #side-col .cta {margin:0 0 10px 0;} #side-col .cta.newsletter {border: 1px solid #CCC;} #side-col .cta.newsletter .editable-content {color: #000000} #side-col .cta.newsletter h2 {color: #484848} #side-col .cta.newsletter {padding:15px;} #side-col .cta.newsletter h2 {margin:0 0 10px 0;} #side-col .cta.newsletter p {margin:0 0 15px 0; line-height:1.4em;} #side-col .cta.newsletter .field {position:relative; margin:0 0 10px 0;} #side-col .cta.newsletter .field label {position:absolute; left:-9999px;} #side-col .cta.newsletter .text input {width:100%; height:30px; margin:0; padding:5px; line-height:20px; font-size:15px; color:#FFF; border:none; background:rgba(255,255,255,0.15); box-sizing:border-box;} #side-col .cta.newsletter .text input:focus {background:rgba(255,255,255,0.25);} #side-col .cta.newsletter .field label.error {position:absolute; left:auto; top:5px; right:5px; display:block; width:20px; height:20px; text-indent:-9999px; background:url('./assets/images/bg-newsletter-error.png') 0 0 no-repeat; background-size:20px 20px;} #side-col .cta.newsletter .controls {margin:0;} #side-col .cta.newsletter .controls::after {clear:both; display:block; content:'';} #side-col .cta.newsletter .controls input {float:right; background:rgba(255,255,255,0.25);} #side-col .cta.newsletter .controls input:hover {background:rgba(255,255,255,0.5);} #side-col .cta.newsletter .controls .error {color:#eca0a0;} #side-col .cta.txt-img {border:1px solid #CCC;} #side-col .cta.txt-img .details {padding:15px; line-height:1.4em;} #side-col .cta.txt-img .details h2 {margin:0 0 5px 0;} #side-col .cta.related-posts {padding:15px; border:1px solid #ccc;} #side-col .cta.related-posts h2 {margin:0 0 5px 0;} #side-col .cta.related-posts .posts li {padding:10px 0; border-top:1px solid #CCC;} #side-col .cta.related-posts .posts li:first-child {border:none;} #side-col .cta.related-posts .posts li:last-child {padding-bottom:0;} #side-col .cta.related-posts .posts li::after {clear:both; display:block; content:'';} #side-col .cta.related-posts .posts li.has-post-thumbnail .thumb {display:block; float:left; width:105px;} #side-col .cta.related-posts .posts li h3 {line-height:1.25em;} #side-col .cta.related-posts .posts li.has-post-thumbnail h3 {float:right; width:155px;} #side-col .cta.related-posts .tabs-wrap .tabs-list {margin:-15px -15px 0 -15px;} #side-col .cta.related-posts .tabs-wrap .tabs-list::after {clear:both; display:block; content:'';} #side-col .cta.related-posts .tabs-wrap .tabs-list li {float:left; width:50%;} #side-col .cta.related-posts .tabs-wrap .tabs-list li a {display:block; padding:15px; text-decoration:none; color:#666; background:#f2f2f2;} #side-col .cta.related-posts .tabs-wrap .tabs-list li a.selected {background:#FFF;} #side-col .cta.twitter {border:1px solid #e9eaed;} /* ----- Footer ----- */ #footer {padding:30px 0; line-height:1.4em; background:#242424;} #footer a:hover, #footer a:active, #footer a:focus {text-decoration:none;} #footer .col {float:left; width:160px; margin:0 0 0 60px;} #footer .col h3 {margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid rgba(255,255,255,0.15); color:#cbcbcb;} #footer .col .menu li {margin:0 0 5px 0; line-height:1.1em;} #footer .col-1 {margin:0;} #footer .col-3 {width:220px;} #footer .col-3 .logos {font-size:0;} #footer .col-3 .logos li {display:inline-block; margin:0 15px 15px 15px; font-size:14px;} #footer .col-3 .logos li:first-child {margin-left:0;} #footer .col-3 .logos li:last-child {margin-right:0;} #footer .col-4 {float:right; width:180px; text-align:right;} #footer .col-4 .social-links {display:none;} #footer .col-4 .logo {display:inline-block; margin:0 0 15px 0;} #footer .col-4 .address {margin:0 0 10px 0;} .googlebkgad {z-index:0; position:fixed; top:0; left:50%; transform:translateX(-50%);} #content .incontentad {padding-bottom:15px;text-align:center;} /* TI Reviews */ .reviewbox, .specification {background:#f3f3f3; padding: 15px 15px 30px 15px; border:1px solid #efefef;overflow: auto } .reviewbox .overallrating {float: left} .reviewbox .overallrating span {width: 190px;display: inline-block} .reviewbox .productname {float: right} .reviewbox hr {clear: both} .reviewbox .column {width: 50%;float: left;} #content .reviewbox ul.prosandcons {padding-right: 20px;} #content .reviewbox ul.prosandcons li {padding-left: 0;} #content .reviewbox ul.prosandcons li::before {content:none} .single #content .reviewbox img.stars {border: none; display: inline;} .specification {padding: 15px;} ul.specification li {border-bottom: 1px solid #ccc;padding: 0 0 4px 0;} ul.specification li:last-child {border: none;} .tagslist {padding: 15px 0;} .tagslist a {padding: 5px 10px; color: #fff!important; background: #583692; text-decoration: none!important; line-height: 31px;white-space: nowrap} .highlightbox {border:3px solid #583692; padding: 15px;margin-bottom: 25px;line-height: 1.4em;} #content .highlightbox h3 {padding: 0!important; margin: 0!important;} #content .highlightbox h3 a {text-decoration: underline} .single #content .highlightbox img {border: none;} .additionalratings strong {width: 175px; display: inline-block} .googlerating, .authorname {display: none;} #content .post-nav-links {text-align: right} #content .post-nav-links a, #content .post-nav-links .current {text-decoration: none; padding: 7px 10px; background: #efefef;} #content .post-nav-links a:hover {background: #aaa; color: #fff } #content .post-nav-links .current {color: #fff; background: #583692} /* ------------------------------ Media Queries ------------------------------ */ @media only screen and (max-width:1280px) { #page-wrap .ad-col, .googlebkgad {display:none;} } @media only screen and (max-width:1179px) { .wrapper {width:960px;} #header .mid {padding:20px 0;} #header #main-logo {height:70px;} #header .ad-wrap {width:468px; padding:5px 0 0 0; overflow:hidden;} #content-wrap {padding:25px 0;} #content {float:left; width:720px;} .home #content {width:730px;} #content .cta-wrap {margin:0 0 10px 0;} #content .cta-wrap .slides-wrap {width:530px;} #content .cta-wrap .cta {margin-bottom:11px;} #content .cta-wrap .cta .wrap {width:188px; height:209px;} #content .posts-list li.has-post-thumbnail article .details {width:460px;} #content .txt-img-block .details {width:460px;} #content .gallery-list li {width:130px;} #content .filter-form .options .field {width:190px;} #content .filter-form .options .controls {width:90px;} .single #content .content {width:500px;} #side-col {width:200px;} #side-col .cta.related-posts .posts li.has-post-thumbnail .thumb {float:none; margin:0 0 5px 0;} #side-col .cta.related-posts .posts li.has-post-thumbnail h3 {float:none; width:auto;} } @media only screen and (min-width:980px) { #header #main-nav {display:block!important;} } @media only screen and (min-width:980px) { #header #main-nav ul li .sub-menu {display:none !important;} #header #main-nav ul li:hover .sub-menu {display:block !important;} } @media only screen and (max-width:979px) { .wrapper {width:760px;} #header .mid {padding:10px 0;} #header .nav-wrap .links {display:none;} #header .nav-wrap .account li:first-child {border-left:none;} #header #main-logo {height:60px;} #header #nav-toggle {float:right; display:block; padding:18px 10px; border:none;} #header #nav-toggle span {position:relative; display:block; width:24px; height:4px; margin:0; text-indent:-9999px;} #header #nav-toggle span::before, #header #nav-toggle span::after {position:absolute; display:block; width:24px; height:4px; content:'';} #header #nav-toggle span::before {top:-7px;} #header #nav-toggle span::after {bottom:-7px;} #header #nav-toggle.active span::before {top:-10px;} #header #nav-toggle.active span::after {bottom:-10px;} #header .foot {padding:5px 0;} #header #main-nav {clear:both; display:none;} #header #main-nav ul {margin-left:0;} #header #main-nav ul li {position:static; float:none; border:none; border-top:1px solid rgba(255,255,255,0.25);} #header #main-nav ul:first-child li:first-child {border:none;} #header #main-nav ul li:hover {background:none !important;} #header #main-nav ul li a {display:block; padding:10px 0; line-height:20px;} #header #main-nav ul li a:hover, #header #main-nav ul li a:active, #header #main-nav ul li a:focus, #header #main-nav ul li.current-menu-item a, #header #main-nav ul li.current-menu-ancestor a, #header #main-nav ul li.current-post-ancestor a {background:none !important;} #header #main-nav ul li.menu-item-has-children {position:relative; padding-right:30px;} #header #main-nav ul li.menu-item-has-children span {position:absolute; top:10px; right:0; display:block; width:20px; height:20px; cursor:pointer;} #header #main-nav ul li.menu-item-has-children span::before {position:relative; top:8px; left:2px; display:block; width:16px; height:4px; content:'';} #header #main-nav ul li.menu-item-has-children span::after {position:relative; top:-2px; left:8px; display:block; width:4px; height:16px; content:'';} #header #main-nav ul li.menu-item-has-children span.active::after {display:none;} #header #main-nav ul li .sub-menu {position:static; top:auto; left:auto; display:none; margin:0; padding:0 0 5px 0; background:none !important;} #header #main-nav ul li:hover .sub-menu {display:none;} #header #main-nav ul li .sub-menu li {border:none;} #header #main-nav ul li .sub-menu li a {padding:5px 0;} #header #main-nav #menu-secondary-1 {display:block;} #content-wrap {padding:10px 0 25px 0;} #content, .home #content {float:none; width:100%; margin:0 0 30px 0;} #content .cta-wrap .slides-wrap {width:540px;} #content .cta-wrap .cta .wrap {height:213px;} .home #content .posts-list {padding-right:0;} #content .recent-news {margin-right:0;} #content .posts-list li.has-post-thumbnail article .details {width:480px;} #content .txt-img-block .details {width:480px;} #content .gallery-list li {width:135px;} #content .filter-form .options .controls {width:110px;} .single #content .content {width:520px;} #content .ninja-forms-form .text-wrap label, #content .ninja-forms-form .number-wrap label, #content .ninja-forms-form .list-dropdown-wrap label, #content .ninja-forms-form .list-multi-wrap label, #content .ninja-forms-form .spam-wrap label, #content .ninja-forms-form .field_type_textbox label {float:none; width:100%; margin:0 0 10px 0; padding:0; line-height:normal;} #content .ninja-forms-form .text-wrap input, #content .ninja-forms-form .number-wrap input, #content .ninja-forms-form .list-dropdown-wrap select, #content .ninja-forms-form .list-dropdown-wrap .customSelect, #content .ninja-forms-form .list-multi-wrap select, #content .ninja-forms-form .spam-wrap input, #content .ninja-forms-form .field_type_textbox input {float:none; width:100%;} #content .ninja-forms-form .list-dropdown-wrap select, #content .ninja-forms-form .list-dropdown-wrap .customSelectInner {width:100% !important;} #content .ninja-forms-form .list-dropdown-wrap select {top:auto; bottom:0;} #side-col {float:none; width:auto; margin:0 auto;} #side-col .cta.txt-img img {display:none;} #side-col .cta.facebook, #side-col .cta.twitter {display:none;} #side-col .cta.ads {margin:0; text-align:center; overflow:hidden;} #side-col .cta.ads .side-ads {margin:0 0 10px 0; padding:10px 0; background:#f5f5f5;} #footer .col-4 {display:none;} } @media only screen and (min-width:760px) { #content .filter-form .options {display:block!important;} } @media only screen and (max-width:759px) { body {-webkit-text-size-adjust:100%;} .wrapper {width:560px;} #header .mid {text-align:center;} #header #main-logo {float:none; display:inline-block; max-width:100%; height:50px; margin:0 auto;} #header .ad-wrap {float:none; margin:0 auto;} #content .cta-wrap .slides-wrap {float:none; width:100%;} #content .cta-wrap .cta {float:left; width:50%; padding:0 5px 0 0; box-sizing:border-box;} #content .cta-wrap .cta:last-of-type {float:right; padding:0 0 0 5px;} #content .cta-wrap .cta .wrap {width:100%; height:auto; box-sizing:border-box;} #content .recent-news li {width:100%;} #content .recent-news li h3 {font-size:14px;} #content .recent-news li .date {font-size:12px;} #content .posts-list li article .thumb {width:140px;} #content .posts-list li.has-post-thumbnail article .details {width:400px;} #content .txt-img-block .thumb {width:120px;} #content .txt-img-block .details {width:400px;} #content .posts-list li article .details h3 {padding:0;} #content .posts-list li article.sticky p {margin:0 0 15px 0;} #content .posts-list li article.sticky h4.note {position:static; top:auto; right:auto;} #content .gallery-list li {width:120px;} #content .filter-form .toggle {position:relative; display:block; width:100%; height:20px; margin:0 0 10px 0; line-height:20px; text-align:left; text-decoration:none;} #content .filter-form .toggle::after {position:absolute; top:5px; right:5px; display:block; width:0; height:0; content:''; text-indent:-9999px; border:8px solid transparent; border-bottom:none;} #content .filter-form .toggle.active::after {border-top:none;} #content .filter-form .options {display:none;} #content .filter-form .options .field {float:none; width:100%; margin:0 0 5px 0;} #content .filter-form .options .controls {width:auto; margin:0 0 10px 0; overflow:hidden;} #content .filter-form .options .controls input {float:right; width:60px; padding:0 15px;} .single #content .content {float:none; width:auto;} .single #content .overview {float:none; width:auto;} #content #events-calendar td {height:45px;} #footer .col-1, #footer .col-2 {float:left; width:240px; margin:0;} #footer .col-2 {float:right;} #footer .col-4 {clear:both; float:none; width:auto; margin:0; padding:30px 0 0 0; text-align:center;} #footer .col-3 {margin: 30px 0 0 0;} .reviewbox .productname, .reviewbox .overallrating {float: none} } @media only screen and (min-width:560px) { #header .search-form {display:block !important;} } @media only screen and (max-width:559px) { .wrapper {width:100%;} /* #header-ads {position: fixed;bottom: 0;left:0;z-index: 9999; text-align: center; width: 100%; height: 125px; background: #efefef;} #header-ads iframe {margin: 0 auto;} */ img.mobileSubsAd {display: block;} img.desktopSubsAd {display: none;} #large-header-ad {display: none;} .reviewbox .column {width: 100%; float:none;} .single #content .alignleft, .single #content .alignright {float:none; margin:0 auto 15px auto;} #header .head {position:relative;} #header .social-links {margin-right:0;} #header #search-toggle {float:left; display:block; margin:5px 0 0 0; width:30px; height:30px; text-indent:-9999px; border:none; border-radius:50%; background:url('./assets/images/bg-header-search.png') no-repeat rgba(255,255,255,0.5); background-size:30px 30px;} #header #search-toggle:hover {background-color:rgba(255,255,255,1);} #header .search-form {display:none; position:absolute; right:0; top:40px; left:0; width:100%;} #header .search-form fieldset {padding:5px 45px 5px 5px;} #header .search-form fieldset button {right:5px;} #content .cta-wrap .slides-wrap .slides .slide .details {position:static; padding:10px;} #content .cta-wrap .slides-wrap .slick-dots {top:10px; right:10px;} #content .cta-wrap .slides-wrap .controls .control {height:50px; margin-top:-25px;} #content .cta-wrap .slides-wrap .controls .control.prev {background-position:0 -15px;} #content .cta-wrap .slides-wrap .controls .control.next {background-position:-50px -15px;} #content .recent-news li h3 {margin:0; font-size:12px;} #content .recent-news li .date {font-size:10px;} #content .posts-list li article .thumb {float:none; width:100%; padding-bottom:0;} #content .posts-list li.has-post-thumbnail article .details {float:none; width:auto;} #content .txt-img-block .thumb {float:none; width:100%;} #content .txt-img-block .details {float:none; width:auto;} #content .ninja-forms-form-wrap {padding:10px 10px 45px 10px;} #footer .col-1, #footer .col-2 {display:none;} #footer .col-4 {padding:0;} #footer .col-3 {margin: 0 0 150px 0;} } @media only screen and (max-width:439px) { #content .cta-wrap .cta .wrap {padding:0 0 40px 0;} #content .cta-wrap .cta h3 {min-height:60px; box-sizing:border-box;} #content .ninja-forms-form .field-visibility-settings-toggle .visibility-toggle-link {float:none; display:block;} #content .ninja-forms-form .field-visibility-settings .field-visibility-settings-close {float:none; display:block; margin:0 0 10px 0;} #content #comments .comment-respond form .text {float:none; width:100%;} #content #comments .comment-respond form .text.name {padding-right:0;} #content #comments .comment-respond form .text.email {padding-left:0;} } /* ------------------------------ Animations ------------------------------ */ .button, #header .head a, #header .head button, #header .foot a, #header .search-form input, #header .search-form button, #header .nav-wrap nav ul li, #header #main-nav ul li, #header #nav-toggle span::before, #header #nav-toggle span::after, #content .cta-wrap .slides-wrap .controls .control, #side-col .cta.newsletter .text input, #footer a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* ----- Effects ----- */ /* Fade In */ @-webkit-keyframes fadeIn { 0% {opacity:0.01;} 100% {opacity:1;} } @-moz-keyframes fadeIn { 0% {opacity:0.01;} 100% {opacity:1;} } @-o-keyframes fadeIn { 0% {opacity:0.01;} 100% {opacity:1;} } @keyframes fadeIn { 0% {opacity:0.01;} 100% {opacity:1;} } /* Fade Out */ @-webkit-keyframes fadeOut { 0% {opacity:1;} 100% {opacity:0.1;} } @-moz-keyframes fadeOut { 0% {opacity:1;} 100% {opacity:0.1;} } @-o-keyframes fadeOut { 0% {opacity:1;} 100% {opacity:0.1;} } @keyframes fadeOut { 0% {opacity:1;} 100% {opacity:0.1;} } /* ------------------------------ Theme Settings ------------------------------ */ strong {font-weight:normal;} /* Buttons */ .button, input.button, #content .button {font-family:'Bebas'; letter-spacing:1px; text-transform:uppercase;} .button.theme-a, .button.button-primary, #content .button.theme-a {color:#FFF; background-color:#484848;} .button.theme-a:hover, .button.theme-a:active, .button.theme-a:focus, .button.button-primary:hover, .button.button-primary:active, .button.button-primary:focus, #content .button.theme-a:hover, #content .button.theme-a:active, #content .button.theme-a:focus {background-color:#c55300;} /* Placeholders */ ::-webkit-input-placeholder {font-family:'Bebas'; font-size:20px; letter-spacing:1px; text-transform:uppercase; color:#7f7f7f;} :-moz-placeholder {font-family:'Bebas'; font-size:20px; letter-spacing:1px; text-transform:uppercase; color:#7f7f7f;} ::-moz-placeholder {font-family:'Bebas'; font-size:20px; letter-spacing:1px; text-transform:uppercase; color:#7f7f7f;} :-ms-input-placeholder {font-family:'Bebas'; font-size:20px; letter-spacing:1px; text-transform:uppercase; color:#7f7f7f;} /* General */ body {font-family:'MonserratLight'; font-size:16px; color:#494949; background:#f7f7f7;} #content a, body.login a {color:#494949;} strong, button, #content h2, #content h3, #side-col .cta.txt-img .details h2, #side-col .cta.related-posts .posts li h3, #content .event .details-wrap .details .venue, #content .event .details-wrap .details .name, #content .ninja-forms-form .field-wrap label, #content .ninja-forms-form .field_type_textbox label, #content .ninja-forms-form .ninja-forms-field-error, #content #buddypress .ninja-forms-form .error, #content .ninja-forms-response-msg {font-family:'MonserratReg';} /* Secondary Font */ #header .head .nav-wrap, #header #main-nav ul li a, #content h1, .home #content h2, #content .cta-wrap .cta h3, #content #comments h2, #content .posts-list li article.sticky h4.note, .single #content .overview h3, #side-col .cta.related-posts h2, #side-col .cta.newsletter h2 {font-family:'Bebas'; letter-spacing:1px; text-transform:uppercase;} /* Font Sizing */ #content h1, #content #comments h2 {font-size:34px;} #content h2, #side-col .cta.newsletter h2, #content ul li::before {font-size:24px;} #content .cta-wrap .slides-wrap .slides .slide .details h2 {font-size:24px; line-height:28px;} .single #content .overview h3 {font-size:22px;} .button, input.button, #content .button, #header .head .nav-wrap, #header #main-nav ul li a, #side-col .cta.related-posts h2 {font-size:20px;} #header .nav-wrap nav ul li .sub-menu li a, #header #main-nav ul li .sub-menu li a, #content h3, #content .posts-list li article.sticky h4.note {font-size:18px;} #content .cta-wrap .cta h3 {font-size:18px; line-height:22px;} #side-col .cta.txt-img .details h2, #content .filter-form .toggle {font-size:16px;} #side-col .cta.related-posts .posts li h3 {font-size:14px;} #content .posts-list li article .details .date {font-size:13px;} @media only screen and (max-width:759px) { #header .head .nav-wrap {font-size:16px;} } /* Primary Colour */ #header .foot, #content .cta-wrap .slides-wrap, #content .cta-wrap .slides-wrap .slides .slide .details, #content .cta-wrap .slides-wrap .slick-dots li.slick-active button, #content .cta-wrap .cta h3, #content #banner .details, #content .posts-list li article.sticky {background:#583692;} #content .filter-form .toggle::after {border-top:10px solid #484848;} #content .filter-form .toggle.active::after {border-bottom:10px solid #484848;} #content .cta-wrap .slides-wrap .slick-dots li button {border-color:#484848;} /* Primary Colour - Links/Text */ #header #main-nav ul li .sub-menu li a:hover, #header #main-nav ul li .sub-menu li.current-menu-item a {color:#fff;} #content h1, #content h2, #content h3, #content h2 a, #content h3 a, #content a:hover, #content a:active, #content a:focus, #content ul li::before, #content .filter-form .toggle, #side-col .cta.txt-img .details h2 a, #side-col .cta.related-posts h2, #side-col .cta.related-posts .posts li h3 a, #side-col .cta.related-posts .tabs-wrap .tabs-list li a.selected, #side-col .cta.related-posts .tabs-wrap .tabs-list li a:hover {color:#583692;} #header #main-nav ul li a, #content .cta-wrap .slides-wrap .slides .slide .details, #content .cta-wrap .slides-wrap .slides .slide .details h2 a, #content .cta-wrap .cta h3 a, #content #banner .details, #content #banner .details h1, #content #banner .details .date a {color:#fff;} #header #nav-toggle span, #header #nav-toggle span::before, #header #nav-toggle span::after, #header #main-nav ul li.menu-item-has-children span::before, #header #main-nav ul li.menu-item-has-children span::after {background:#FFF;} /* Secondary Colour */ #header .head, #header .search-form {background:#242424;} /* Secondary Colour - Links/Text */ #header .head, #header .head a, #side-col .cta.newsletter .controls input {color:#FFF;} #footer, #footer a {color:#585858;} #footer a:hover, #footer a:active, #footer a:focus {color:#cbcbcb;} /* Navs */ #header #main-nav ul li:hover, #header #main-nav ul li a:hover, #header #main-nav ul li a:active, #header #main-nav ul li a:focus, #header #main-nav ul li.current-menu-item a, #header #main-nav ul li.current-menu-ancestor a, #header #main-nav ul li.current-post-ancestor a, #header #main-nav ul li .sub-menu, #header #main-nav ul li.menu-item-has-children span:hover::before, #header #main-nav ul li.menu-item-has-children span:hover::after, #header .nav-wrap nav ul li:hover, #header .nav-wrap nav ul li a:hover, #header .nav-wrap nav ul li a:active, #header .nav-wrap nav ul li a:focus, #header .nav-wrap nav ul li .sub-menu {background:#14a9d8} #header .nav-wrap nav ul li a:hover, #header .nav-wrap nav ul li a:active, #header .nav-wrap nav ul li a:focus {color:#84e92b;} @media only screen and (max-width:979px) { #header #main-nav ul li a:hover, #header #main-nav ul li a:active, #header #main-nav ul li a:focus, #header #main-nav ul li.current-menu-item > a, #header #main-nav ul li.current-menu-ancestor > a, #header #main-nav ul li.current-post-ancestor > a {color:#242424 !important;} } /* Additionals */ #ultimedia_wrapper {margin: 0 auto;padding: 30px 0;text-align: center;clear: both;width: 100%;} #content #ultimedia_wrapper ul li {padding:0;} #gdpr_link, #ccpa_link {border: none; color: #cbcbcb;background: #444;padding:8px 12px; margin-right: 5px;float: left} #gdpr_link:hover, #ccpa_link:hover {background: #737373} .side-ads-1-container p, .side-ads-2-container p, .side-ads-3-container p, .ad-wrap p {text-align: center; font-size: 10px; padding: 10px 0;} #side-ads-1, #side-ads-2, #side-ads-3 {background: #efefef; width: 300px; height: 600px;margin: 0 auto;} #header-ads {background: #efefef;width: 970px; height:250px; margin: 0 auto} #eoa-banner-container {padding-bottom: 10px; } #eoa-banner-container strong {text-align: center; font-size: 10px; padding: 10px 0; margin: 0; display: block ; font-weight:normal; font-size: 10px;} @media only screen and (min-width:980px) { #header-ads.sml iframe {margin-top: 75px;} } @media only screen and (max-width:979px) { #header-ads {width: 728px; height: 90px;} } @media only screen and (max-width:759px) { #header-ads {width: auto; height: auto; background: none;} }