/* Theme Name: John A. Gupton Theme Theme URI: http://www.guptoncollege.edu/ Description: This is a custom theme designed and developed for John A. Gupton college by Thrive Creative Group, LLC - WordPress v4.3 Author: Thrive Creative Group Author URI: http://thinkthrive.com Version: 1.0 */ @media screen { * { margin: 0; padding: 0; } body { background: white; font: 16px/21px "soleil",sans-serif;font-style: normal; font-weight: 400; color: #323132 } .screen-reader-text { position: absolute; left: -9999px; top: -9999px; } i, em {font-style: italic; font-weight: 400} strong, b {font-weight: 700; font-style: bold } .separator {font-size: 20px} .clear { clear: both; } .page-wrap { width: 1060px; margin: 0 auto} h1, h2, h3 { margin: 0 0 10px 0; color: #8b2331; font-family: "adelle",serif;font-style: normal;font-weight: 700; } h1 {font-size: 30px; line-height: 35px} h2 { font-size: 26px; line-height: 30px} h2.news-title a {color: #fff; text-decoration: none;} h3 { font-size: 21px; line-height: 24px} h4, h5, h6 {font-family: "adelle",serif;font-style: normal;font-weight: 400;} p { margin: 10px 0 20px } a { color: #a80f29} a:hover { } a img {border: none} img {max-width: 100%; height: auto;} blockquote { margin: 15px 15px 15px 45px; padding: 0 0 0 30px; border-left: 10px solid #cccccc} blockquote p { } ul, ol { margin: 0 0 10px 0; } ul.children li:first-child {margin-top: 15px} .alignright {float:right; } .alignleft {float:left; } .aligncenter {display: block; margin-left: auto; margin-right: auto} figcaption {text-align: center; } .wp-block-columns {margin-bottom: 0;} img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img, aside img, .wp-caption { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */} img.aligncenter,.wp-caption.aligncenter { margin: 0 auto 1.5em auto; max-width: 100%; height: auto;} a img { border: none;} p img { margin-bottom: 1em; } img.alignleft,.wp-caption.alignleft { margin-right: 1.5em; margin-bottom: 1.5em; margin-top: 5px;} img.alignright,.wp-caption.alignright { margin-left: 1.5em; margin-bottom: 1.5em; margin-top: 5px;} img.aligncenter,.wp-caption.aligncenter { margin: 0 auto 1.5em auto; height: auto;} .wp-caption { padding: 10px; text-align: center; border: 1px #ccc solid;} .wp-caption img { margin: 0;} .wp-caption .wp-caption-text { margin: .5em; font-size: 80%;} nav ul {margin: 0} header section#top {padding: 15px 0; font-weight: 400; color: #bcbdbe; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#424242+22,1e1f1f+100 */background: #424242; /* Old browsers */background: -moz-linear-gradient(top, #424242 22%, #1e1f1f 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#424242), color-stop(100%,#1e1f1f)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #424242 22%,#1e1f1f 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #424242 22%,#1e1f1f 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #424242 22%,#1e1f1f 100%); /* IE10+ */background: linear-gradient(to bottom, #424242 22%,#1e1f1f 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#1e1f1f',GradientType=0 ); /* IE6-9 */} header section#top nav.left {float: left; width: 650px} header section#top nav ul {list-style-type: none} header section#top nav.left ul li {float: left; margin-right: 25px; } header section#top nav.left ul li a, header section#top nav.right ul li a {display: block; color: #bbbdbf; text-decoration: none;} header section#top nav.left ul li a:hover, header section#top nav.right ul li a:hover {color: #ffffff; transition: 0.5s ease; } header section#top nav.right {float: right;} header section#top nav.right ul {display: block; clear: right;} header section#top nav.right ul li {float: right;/* margin-left: 25px;*/} header section#top nav.right ul li.phone {margin-right: 25px;} header section#top nav.right ul li a.facebook {margin-top: 5px; float: right; display: block; width: 19px; height: 19px; background: url('images/header-facebook.png'); text-indent: -99999px} header section#top nav.right ul li a.facebook:hover {opacity: 0.8} header section#top a#address {color: #fff; text-decoration: none; float: right; clear: right; display: block; margin: 0 0 5px 0;} header section#bottom {background: #8c2132; padding: 19px 0 0 0 } header section#bottom .page-wrap, header section#top .page-wrap {width: 1050px;} header h1#logo {margin: 0 0 0 0; padding: 0 0 0 0} header h1#logo a {margin: 0 0 19px 0; display: block; width: 403px; height: 56px; background: url('images/john-a-gupton-logo.png'); float: left; text-indent: -99999px} header h1#logo a:hover {transition: 0.5s ease; opacity: 0.8} header ul.new-buttons {list-style: none; float: right; margin: -15px 0 0 0;} header ul.new-buttons li {float: left; margin: 0 0 0 0; text-align: center;} header ul.new-buttons li img {} header ul.new-buttons li a {display: block; color: #fff; text-decoration: none; float: left; margin: 10px 0 0 20px; background: #333132; padding: 7px 15px; border-radius: 3px;} header ul.new-buttons li a:hover {background: #000; transition: 1s ease;} header section#bottom nav {width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6f1427+0,8c2132+100 */background: #6f1427; /* Old browsers */background: -moz-linear-gradient(top, #6f1427 0%, #8c2132 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f1427), color-stop(100%,#8c2132)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #6f1427 0%,#8c2132 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #6f1427 0%,#8c2132 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #6f1427 0%,#8c2132 100%); /* IE10+ */background: linear-gradient(to bottom, #6f1427 0%,#8c2132 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f1427', endColorstr='#8c2132',GradientType=0 ); /* IE6-9 */} header section#bottom nav ul {list-style-type: none; margin-left: -20px; position: relative} header section#bottom nav ul li {float: left; position: relative; } header section#bottom nav ul li a {font-size: 18px; display: block; color: #efefef; text-decoration: none; padding: 20px; text-align: center} header section#bottom nav ul li a:hover, header section#bottom nav ul li:hover {background: #311116; transition: 1s ease; color: #ffffff} header section#bottom nav ul li ul { z-index: 9999999; display: none; background: url('images/nav-background.png') repeat; position: absolute; width: 253px; top: 60px; left: 20px} header section#bottom nav ul li:hover ul {display: block} header section#bottom nav ul li ul li { } header section#bottom nav ul li ul li a {font-size: 15px !important; padding: 5px 20px 13px; width: 213px; text-align: left} header section#bottom nav ul li ul li a:hover {background: #8D2233} div#homepage-slider {width: 100%; overflow: hidden; height: 315px; position: relative} div#homepage-slider .flex-control-nav { z-index: 99999; bottom: 75px} div#homepage-sider .metaslider .flexslider {margin: 0 0 0 0 !important} div#homepage-widgets {background: #DFE0E1} div#homepage-widgets .page-wrap { border-left: 4px solid #ffffff} div#homepage-widgets .widget:first-child { border-left: none !important } div#homepage-widgets .widget {height: 300px; background: url('images/widget-bg.png') repeat; border-left: 3px solid #fff; border-right: 3px solid #fff; padding: 20px 0 50px 0; width: 255px; float: left; position: relative; font-size: 14px; line-height: 17px; } div#homepage-widgets .widget img {position: absolute; top: 30px; left: 70px} div#homepage-widgets .widget img:hover {opacity: 0.8; transition: 1s ease} div#homepage-widgets .widget h2 {padding: 120px 0 14px; text-align: center} div#homepage-widgets .widget p.more a {display: block; clear: both; width: 107px; color: #939598; font-size: 14px; text-transform: uppercase; text-align: center; border: 1px solid #939598; padding: 10px 15px; text-decoration: none; margin: 20px auto; background: #FFFFFF } div#homepage-widgets .widget p.more a:hover { background: #939598; color: #ffffff; transition: 1.5s ease} div#homepage-widgets .widget p {padding: 0 20px; height: 81px} div#homepage-widgets .widget p.more, div#homepage-widgets .widget p.simple-image {height: auto !important; } div#homepage-widgets #simpleimage-4 p {height: 66px} div#homepage-widgets #simpleimage-4 h2 {padding: 120px 0 0;} div#homepage-widgets .widget p.last {height: 40px; margin-top: -15px} /*div#homepage-widgets #simpleimage-5 p { position: relative; height: 50px !important} */ div#homepage-widgets #simpleimage-5 p.more {margin-top: 47px} footer {box-shadow:inset 0 5px 5px rgba(0,0,0,.5); color: #ffffff; background: #333132 url('images/footer-logo.png') right -100px no-repeat; padding: 50px 0} footer .page-wrap, #copy .page-wrap {width: 1020px} footer h2 {color: #ffffff; font-size: 18px; text-transform: uppercase} footer a {color: #ffffff; text-decoration: none; } footer a:hover {color: #8D2233; transition: .5s ease; } footer .widget {width: 200px; float: left} footer .widget ul {margin: 0 0 0 15px} ul.footer-social {list-style: none; margin: 0 0 0 0;} ul.footer-social li {float: left; display: block;} .footer-facebook {background: url('images/facebook-footer-icon.png'); width: 25px; height: 25px; display: block; text-indent: -9999px; margin-right: 10px;} .footer-facebook:hover {opacity: 0.8; transition: .5s ease} .footer-ig {background: url('images/footer-ig-icon.png'); width: 25px; height: 25px; display: block; text-indent: -9999px;margin-right: 10px;} .footer-ig:hover {opacity: 0.8; transition: .5s ease} .footer-linkedin {background: url('images/footer-linkedin.png'); width: 25px; height: 25px; display: block; text-indent: -9999px;} .footer-liinkedin:hover {opacity: 0.8; transition: .5s ease} #copy {background: #000000; color: #ffffff; padding: 20px 0; font-size: 12px} #copy a {color: #ffffff; text-decoration: none; float: right; display: block;} #copy a:hover {color: #8D2233; transition: .5s ease; } div#interior-page {} div#interior-page .content {width: 735px; float: right;padding: 25px 0 50px;} /*div#interior-page .content h2 {margin-top: 25px; }*/ div#interior-page .content h3 {padding-top: 10px} div#interior-page .content h4 {background: #cccccc; font-weight: 800; padding: 10px 20px; margin-bottom: 10px;} div#interior-page .content hr {background: #cccccc; height: 3px; border: none !important; clear: both; display: block; margin: 20px 0 } div#interior-page .content .entry { } div#interior-page .content .entry ul, ol{ margin: 0 0 0 20px; } div#interior-page .content .entry ul li, ol li {padding: 5px 0 0 10px; margin-left: 20px; margin-bottom: 10px} div#interior-page .content .entry ul ul, ol ol, ul ol, ol ul {margin: 5px 0 0 15px} div#interior-page aside {float: left; width: 240px; border: 10px solid #E8E8E8; margin: 18px 0 25px 0} div#interior-page aside h2 {margin: 0 0 0 0; padding: 10px 0; font-size: 18px; color: #333132; text-transform: uppercase; text-align: center; background: #E8E8E8} div#interior-page aside .widget_simpleimage {background: #E8E8E8} div#interior-page aside .widget_simpleimage p {margin: 0 0 0 !important; padding: 0 0 0 0} div#interior-page aside .widget_simpleimage img {margin: 0 0 0 0; padding: 0 0 0 0} div#interior-page aside .textwidget {font-size: 15px; line-height: 18px; padding: 20px 20px } div#interior-page aside .textwidget a {text-decoration: none} div#interior-page aside .textwidget a:hover {opacity: 0.8} div#interior-page aside .widget_nav_menu ul {list-style-type: none; margin: 0 0 0 0; } div#interior-page aside .widget_nav_menu ul li a {font-size: 15px; border-top: 1px solid #ffffff; display: block; width: 240px; text-decoration: none; color: #ffffff; text-align: center; padding: 10px 0; font-family: "adelle",serif; background: #5C0D1F} div#interior-page aside .widget_nav_menu ul li a:hover {transition: 1s ease; background: #8D2233; box-shadow:inset 0 5px 5px rgba(0,0,0,.5); } /*div#interior-page .page-banner {height: 185px; overflow: hidden} */div#interior-page .page-banner img {height: auto !important; width: 100%; } div#interior-page section#page-title-area {padding: 15px 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#701627+0,8d2233+51 */ background: #701627; /* Old browsers */ background: -moz-linear-gradient(top, #701627 0%, #8d2233 51%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#701627), color-stop(51%,#8d2233)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #701627 0%,#8d2233 51%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #701627 0%,#8d2233 51%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #701627 0%,#8d2233 51%); /* IE10+ */ background: linear-gradient(to bottom, #701627 0%,#8d2233 51%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#701627', endColorstr='#8d2233',GradientType=0 ); /* IE6-9 */ } div#interior-page section#page-title-area h2 {width: 425px; float: left; margin: 0 0 0 0; color: #ffffff; font-size: 29px; font-weight: 800} div#interior-page .breadcrumbs {color: #ffffff; float: right; width: 630px} div#interior-page .breadcrumbs a {color: #ffffff; text-decoration: none} div#interior-page .breadcrumbs li {text-align: right; } div#interior-page .breadcrumb-container {font-size: 16px !important; width: auto; min-width: 200px; float: right} /*---Pagination---*/ section#pagination {color: #333132; padding-top: 25px; position: relative; z-index: 9999; padding-bottom: 10px; float: left; width: 100%; } section#pagination .pagination {clear:both; position:relative; } section#pagination .pagination span, .pagination a {color: #333132; display:block; float:left; margin: 2px 2px 2px 0; padding: 6px 15px 5px 15px; text-decoration:none; width:auto; background: #ffffff; border: 2px solid #ccc;} section#pagination .pagination a:hover{color:#fff;background: #8D2233; transition: 0.5s ease} section#pagination .pagination .current{padding: 6px 15px 5px 15px; background: #ccc; color:#fff;} .content .single-post { padding: 15px; border: 4px solid #ccc; margin: 0 0 20px 0; position: relative} .content .single-post .post-date { padding: 20px 0; background: #8D2233; color: #ffffff; width: 100px; height: 60px; position: absolute; top: 0; right: 17px; z-index: 99999; } .content .single-post .post-date span {display: block; font-family: "adelle",serif; line-height: 29px; margin: 0 auto; font-size: 31px; font-style: italic; text-align: center; width: 60px; } .content .single-post .post-date h2 {} .content .single-post h2 a {width: 590px; text-decoration: none; font-size: 18px; color: #000; padding: 40px 0 20px; display: block; } .content .single-post h2 a:hover {color: #8D2233; transition: 1s ease} .content .single-post a.read-more { margin: 10px 0 0 0; display: block; float: left; clear: left; border: 2px solid #ccc; color: #ccc; text-transform: uppercase; text-align: center; padding: 10px 15px; text-decoration: none; font-size: 14px !important} .content .single-post a.read-more:hover {background: #8D2233; color: #ffffff; border-color: #8D2233; transition: 1s ease} .content .single-post a.post-thumbnail img:hover {opacity: 0.8; transition: 1s ease} .navigation { clear: both; margin-top: 20px; border-top: 5px solid #ccc; } .next-posts { float: right; text-align: right; padding-top: 10px; } .next-posts a {text-decoration: none} .next-posts a:hover {color: #681224; transition: 1s ease} .next-posts a:before {content: "Next post: "; color: #000; font-weight: 400; font-style: italic} .next-posts a:after {content: " ยป"} div#interior-page .content .entry ul.gfield_radio {margin: 0 0 0 0 !important} .mobile-only {display: none} table { width: 100%; border-collapse: collapse; } /* Zebra striping */ /* tr:nth-of-type(odd) { background: #eee; } */ th { background: #333; color: white; font-weight: bold; } td, th { padding: 6px; border: 1px solid #ccc; text-align: left; } } /* END screen media */ /* -------------------------------------------------------------- Media Queries Aplenty -------------------------------------------------------------- */ @media only screen and (max-width: 1070px) { .page-wrap {width: 945px;} header section#bottom nav ul li a {font-size: 16px} div#homepage-widgets .widget {width: 230px} footer .page-wrap, #copy .page-wrap {width: 980px} #bottom .page-wrap {} header section#bottom .page-wrap, header section#top .page-wrap, footer .page-wrap, #copy .page-wrap {width: 940px;} div#homepage-slider {height: 275px} .desktop-only {display: none} div#interior-page .breadcrumbs {width: 430px} div#interior-page .content {width: 635px} /*div#interior-page .page-banner {height: 170px} */.page-template-page-blog .single-post img {width: 595px; height: auto} .mobile-only {display: block} .tinynav {float: right; margin: 20px 0 0 0; width: 170px} .desktop-only {display: none} header section#bottom nav ul li {display: none} /*header section#top nav.left {width: 500px} */header section#top nav.left ul li {margin-right: 15px; margin-bottom: 10px;} } @media only screen and (max-width: 959px ) { .page-wrap {width: 640px;} /*header section#top nav.left {display: none}*/ /*header section#top nav.right {float: none; margin: 0 auto} */ header section#bottom {padding: 20px 0 20px 0;} header section#top nav.right {float: none; clear: both; margin: 10px auto 0;} header section#top nav.right ul {} header section#top nav.left {padding: 0 20px 20px 0; width: auto;} header section#top a#address {float: none; clear: none; display:inline;} header section#top nav.right ul {display: inline; clear: none;} .tinynav {float: none; margin: 20px auto 0 10%; clear: both; width: 80%;} header ul.new-buttons {float: none; clear: both; margin: 0 auto 0 auto; width: 300px;} header h1#logo a {float: none; margin: 0 auto 19px auto;} div#homepage-widgets .widget {width: 295px; height: 300px; background: none} div#homepage-widgets .widget img {left: 30px} div#homepage-widgets .widget h2 {font-size: 21px; line-height: 18px} div#homepage-widgets .widget img {left: 110px} div#homepage-widgets .widget p.more a {margin: 20px auto 0} div#homepage-widgets .widget p {height: 85px} div#homepage-widgets #simpleimage-4 {border-left: none; border-top: 3px solid #fff} div#homepage-widgets #simpleimage-5 { border-top: 3px solid #fff} div#homepage-widgets #simpleimage-4 p {height: 85px} div#homepage-widgets .widget p.more a {padding: 5px 5px} div#homepage-slider .flex-control-nav {bottom: 15px} header section#bottom .page-wrap, header section#top .page-wrap, footer .page-wrap, #copy .page-wrap {width: 600px;} div#homepage-widgets .page-wrap { width: 600px; margin: 0 auto} #homepage-slider {height: 200px !important;} header section#bottom nav {background: none} /*div#interior-page .page-banner {height: 110px} */div#interior-page section#page-title-area h2 {padding-left: 15px} div#interior-page .breadcrumb-container {font-size: 13px !important; float: left !important; clear: left !important} div#interior-page .breadcrumbs {font-size: 12px; width: 200px} div#interior-page aside .widget {float: left} div#interior-page aside {width: 640px; border: none; margin: 0 0 30px 0; } div#simpleimage-6 {display: none} .widget_nav_menu {float: right; width: 239px} .widget_nav_menu ul li a {width: 190px} div#interior-page aside .widget { } div#interior-page aside .widget_nav_menu ul li a {background: none; color: #000000; border-bottom: 1px solid #ccc; width: 200px; margin: 0 auto} div#interior-page aside .widget_nav_menu ul li a:hover {background: #ffffff; color: #ccc; box-shadow: none} div#interior-page .content {width: 600px !important; padding: 30px 0 30px 0 !important; margin: 0 auto; float: none; } div#interior-page .breadcrumbs {float: left !important; clear: both !important; width: 600px; } div#interior-page section#page-title-area h2 {width: 600px} .page-template-page-blog .single-post img {width: 560px; height: auto} /* Force table to not be like tables anymore */ /* table,thead,tbody,th,td,tr{display:block} thead tr{position:absolute;top:-9999px;left:-9999px} tr{border:1px solid #ccc} td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%} td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap} table.aa td:nth-of-type(1):before { content: "Year"; } table.aa td:nth-of-type(2):before { content: "Complete Course of Study"; } table.aa td:nth-of-type(3):before { content: "Position in Funeral Service"; } table.aa td:nth-of-type(4):before { content: "NBE Arts Pass Rate"; } table.aa td:nth-of-type(5):before { content: "NBE Science Pass Rate"; } table.fd td:nth-of-type(1):before { content: "Year"; } table.fd td:nth-of-type(2):before { content: "Complete Course of Study"; } table.fd td:nth-of-type(3):before { content: "Position in Funeral Service"; } table.fd td:nth-of-type(4):before { content: "State Board Pass Rate"; } */ #simpleimage-2 {clear: both} div#homepage-widgets #simpleimage-5 {float: right} div#homepage-widgets .widget {border-left: none; border-right: none} div#homepage-widgets .page-wrap {border-left: 2px solid #fff; border-right: 2px solid #fff} div#homepage-widgets #simpleimage-4 {border-left: auto !important; border-right: 2px solid #fff} div#homepage-widgets #simpleimage-5 {border-top: none} div#homepage-widgets #simpleimage-4 {border-top: none} div#homepage-widgets .widget { border-bottom: 2px solid #fff} div#homepage-widgets #simpleimage-2 {border-right: 2px solid #fff} div#homepage-widgets .widget p.last {height: 55px; margin-top: 5px} }/* END max-width : 719px */ @media screen and (max-width: 639px) { .page-wrap {width: 320px;} header section#top nav.left {display: none;} header section#bottom .page-wrap, header section#top .page-wrap, footer .page-wrap, #copy .page-wrap {width: 300px;} header section#top a#address {display: block; text-align: center;} header section#top nav.right ul {display: block; margin: 15px auto 10px; width: 100px;} header section#top nav.right ul li.phone {margin-right: auto; margin-top: 15px;} /*header section#top nav.right ul li {display: inline; float: none; margin-left: 0;} */ header h1#logo a {float: none; margin: 0 auto; width: 287px; height: 40px; background: url('images/logo-mobile.png')} .tinynav {float: none; clear: both; margin: 15px 0 15px 60px; width: 200px} nav.right ul li:last-child {clear: both} header section#top nav.right {width: 280px} header section#top nav.right ul li a.facebook {margin-top: 0} div#homepage-slider {height: auto !important; max-height: 110px; min-height: 100px } .metaslider .slides img { } div#homepage-widgets .widget {width: 310px; float: none; background: none; border-left: 0; } div#homepage-widgets .widget:first-child { border-bottom: 3px solid #ffffff} footer .widget {padding: 0 0 30px 0} div#homepage-widgets .page-wrap {width: 310px} /*div#interior-page .page-banner {height: 55px} */div#interior-page section#page-title-area h2 {width: 300px; margin: 0 auto; text-align: center} div#interior-page .breadcrumbs {display: none} div#interior-page .content {width: 300px !important} div#interior-page aside {width: 320px} div#interior-page aside .widget {float: left; clear: left; width: 320px;} .page-template-page-blog .single-post img {width: 261px; height: auto; margin-bottom: -30px; position: relative} .page-template-page-blog .content .single-post h2 a {width: 250px} .page-template-page-blog .content .single-post .post-date {height: 20px; width: 80px; font-size: 18px !important} .page-template-page-blog .content .single-post .post-date span {font-size: 18px !important} .page-template-page-blog .content .single-post h2 a {padding: 50px 0 20px} div#interior-page aside .textwidget {text-align: center} td { text-align: right;} table.aa td:nth-of-type(1):before { text-align: left; } table.aa td:nth-of-type(2):before { text-align: left;} table.aa td:nth-of-type(3):before { text-align: left;} table.aa td:nth-of-type(4):before { text-align: left;} table.aa td:nth-of-type(5):before { text-align: left;} table.fd td:nth-of-type(1):before { text-align: left;} table.fd td:nth-of-type(2):before { text-align: left;} table.fd td:nth-of-type(3):before { text-align: left;} table.fd td:nth-of-type(4):before { text-align: left;} } @media print { .do-not-print { display: none; } #comments { page-break-before: always; } body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; } h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; } h1 { font-size: 19pt; } h2 { font-size:17pt; } h3 { font-size:15pt; } h4,h5,h6 { font-size:12pt; } code { font: 10pt Courier, monospace; } blockquote { margin: 1.3em; padding: 1em; } img { display: block; margin: 1em 0; } a img { border: none; } table { margin: 1px; text-align:left; } th { border-bottom: 1px solid #333; font-weight: bold; } td { border-bottom: 1px solid #333; } th, td { padding: 4px 10px 4px 0; } caption { background: #fff; margin-bottom: 2em; text-align: left; } thead { display: table-header-group; } tr { page-break-inside: avoid; } a { text-decoration: none; color: black; } } /* END print media */