/* Theme Name: Phone Buzz News Theme URI: https://phonebuzznews.com Description: A custom WordPress theme for Phone Buzz News Version: 1.0 Author: Ross Barber-Smith @ Electric Kiwi Author URI: http://www.electrickiwi.co.uk */ #html .arve { width: 95% !important; margin: 0 auto !important; display: block !important; } * { box-sizing: border-box; } strong.search-excerpt { background-color: #b9b9b9; padding-left: 3px; padding-right: 3px; } body { background: #f3f3f3; color: #160016; margin: 0; line-height: 1.5em; letter-spacing: 0.5px; font-family: 'Open Sans'; font-size: 16px; } a { text-decoration: none; } *:focus { outline: none; } #content { min-height: 50vh; } h1, h2, h3, h4, h5, h6 { line-height: 1.1em; } h1 { color: #861086; text-transform: uppercase; font-family: 'Open Sans'; font-size: 30px; text-align: center; } h2 { font-size: 26px; } h2.buzz-home { font-size: 40px; } h3 { font-size: 22px; letter-spacing: 1px; color: #861086; } a, a:hover, img, img:hover, .submit, .submit:hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #header { padding-top: 10px; padding-bottom: 10px; width: 100%; font-size: 50px; color: #fff; text-align: center; font-weight: bold; } #header img { width: 80%; max-width: 500px; height: auto; } #footer { background: #b9b9b9; color: #fff; padding-top: 50px; padding-bottom: 50px; width: 100%; text-align: center; text-transform: uppercase; } #footer i { font-size: 30px; vertical-align: middle; margin-bottom: 20px; margin-left: 5px; margin-right: 5px; } #footer a { color: #fff; } #footer a:hover { color: #861086; } #menu-footer { list-style: none; padding:0; margin:0; } #menu { padding-top: 3px; padding-bottom: 8px; width: 100%; text-align: center; } #menu ul { padding: 0; margin: 0; list-style: none; } #menu ul li { margin-left: 0px; padding-right: 0px; display: inline-block; text-transform: uppercase; font-family: 'Open Sans'; font-weight: bold; } #menu ul li a { color: #861086; } #menu ul li a:hover { color: #b9b9b9; } .menu-primary-container { display: inline-block !important; } .menu li:after { content:"|"; padding-left: 15px; margin-right:15px; color: #861086; } .menu li:last-child::after { content:""; } .screen-reader-text { display: none; } #s { font-size: 16px; font-family: 'Open Sans'; font-weight: 400; border: 1px solid #fff; padding: 2px; height: 18px; width: 150px; position: relative; top: 0px; padding-left: 5px; color: #000; border: 1px solid #861086; background: #fff; } #s:focus { outline: none; } #searchsubmit { display: inline-block !important; font-size: 18px !important; font-weight: bold !important; width: 24px !important; height: 24px !important; border: 0 !important; color: #000 !important; text-transform: uppercase !important; } #responsive-menu-pro-container { text-transform: uppercase; padding-top: 20px !important; margin-top: 62px !important; font-weight: bold; } #content { width: 100%; padding-top: 30px; } /*--- MAILING LIST ---*/ #mailing { margin-top: 20px; padding-top: 0px; padding-bottom: 1px; /*background: url(mailing-bg.png); background-size: cover;*/ text-align: center; } #signup-box { display: block; margin: 0 auto; text-align: center; border: 1px solid #861086; padding: 20px; padding-top: 0; padding-bottom: 15px; width: 800px; color: #861086; } #signup-box input { border: 1px solid #861086; padding: 3px; width: 100%; background: none; text-align: center; color: #861086; font-size: 18px; margin-bottom: 5px; font-family:'Open Sans'; } #signup-box .submit { background: #861086; color: #fff; border: 0; width: 100%; font-size: 20px; font-weight: bold; font-family:'Open Sans'; } #signup-box .submit:hover { cursor: pointer !important; background: #b9b9b9; } .privacy { display: inline-block; padding: 2px; text-align: center; color: #861086; font-style: italic; } ::-webkit-input-placeholder { color: #861086; } ::-moz-placeholder { color: #861086; } :-ms-input-placeholder { color: #861086; } :-moz-placeholder { color: #861086; } /*--- POSTS ---*/ .posts { margin-bottom: 50px !important; text-align: left; padding-top: 0; } .date { text-align: left; font-weight: bold; /*text-transform: uppercase;*/ font-size: 22px; padding-top: 5px; padding-bottom: 10px; padding-left: 10px; } .posts li { padding-top: 10px; padding-bottom: 15px; padding-right: 15px; text-align: left; } .posts li a { /* font-style: italic; */ color: #861086; margin-right: 5px; margin-left: 3px; border-bottom: 1px dotted #861086; font-weight: bold; } .posts li a:hover { color: #b9b9b9; border-bottom: 1px dotted #b9b9b9; } .date { /*background: #861086;*/ color: #861086; display: block; width: 100%; font-style: normal !important; border-bottom: 3px solid #861086; border-left: 3px solid #861086; margin-bottom: 10px; } .posts { display: block; margin: 0 auto; text-align: center; /*border: 2px solid #861086;*/ width: 800px; text-align: left; } .posts a { /* font-style: italic;*/ color: #861086; margin-right: 5px; margin-left: 3px; border-bottom: 1px dotted #861086; font-weight: bold; } .posts a:hover { color: #b9b9b9; border-bottom: 1px dotted #b9b9b9; } .date a, a .date, .date a:hover, a .date:hover { font-style: normal !important; color:#861086;} .posts img { max-width: 100%; height: auto; } .archive-post-info + .head { margin-top: 5%; } iframe { width: 95%; margin: 0 auto; display: block; } .wp-post-image, .post img { width: 95%; max-width:95%; height: auto; margin: 0 auto; display: block; } .wp-caption-text { font-style: italic; font-size: 14px; margin-top: -5px; } .wp-caption { max-width: 95% !important; margin: 0 auto; display: block; } /*------ PAGINATION STYLES ------*/ .pagi { text-align: center; font-family: 'Open Sans',sans-serif !important; text-transform: uppercase; font-size: 16px; width:100%; } .pagi .page-numbers { padding: 0; margin: 0; text-align: center; font-family: 'Open Sans',sans-serif !important; font-size: 14px !important; text-transform: uppercase; letter-spacing: 0.5px; background: #b9b9b9 !important; color: #fff; padding:1px 8px; margin-right:7px; } .pagi .page-numbers:hover { background: #861086 !important; color: #fff !important; } .pagi a { display:inline-block; text-align: center; } .pagi a:hover { color: #861086; background: #b9b9b9 !important; } .pagi .current { background: #861086 !important; color: #fff; margin-right:7px; padding:4px 8px; } .pagi .dots { padding:4px 2px; margin-right:7px; background: #fff !important; color: #3e3e3e !important; } /*--- SPONSORS ---*/ #sponsors-area { width: 100%; background: #fff; padding-top: 50px; padding-bottom: 50px; } #sponsors { display: block; margin: 0 auto; text-align: center; border: 2px solid #861086; padding: 20px; padding-bottom: 40px; width: 800px; } #sponsors { text-align: center; } #sponsors img { vertical-align:middle; max-width: 100px; height: auto; display: inline-block; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; } #sponsors img:hover { opacity: 0.6; } /*--- MEDIA QUERIES ---*/ @media screen and (max-width: 820px) { #header { float: none; position: relative; top: 0; margin-top: 60px; background: #f3f3f3; } #header img { margin: 0 auto; display: block; } #mailing { clear:both; float: none; padding-top: 25px; margin-top: 0px; } #header img { float: none; max-width: 350px !important; } } @media screen and (max-width: 920px) { h1 { color: #861086; text-transform: uppercase; font-family: 'Open Sans'; font-size: 24px; text-align: center; } h2 { font-size: 22px; } h2.buzz-home { font-size: 22px; } h3 { font-size: 18px; letter-spacing: 1px; color: #861086; } body { font-size: 15px; line-height: 1.5em; } #content { width: 100%; padding-left: 0; padding-right: 0; } #signup-box, #sponsors, .posts { width: 90%; } #signup-box input { margin-left: 0; margin-right: 0; width: 100%; display: block; } #signup-box .submit { width: 100%; display: block; } .privacy { width: 100%; display: block; } }