/* Theme Name: High Pointe Therapy 2016 Theme URI: http://highpointetherapy.com/ Description: This is custom WordPress theme designed and developed for High Pointe Physical Therapy by Thrive Creative Group, LLC - WordPress v4.5.3 Author: Thrive Creative Group, LLC Author URI: http://thinkthrive.com Version: 1.0 */ @media screen { * { margin: 0; padding: 0; } body { background: #005a65; font: 18px/1.8 'Dosis', sans-serif; color: #888b90; font-weight: 400} body.home {background: #fff} .screen-reader-text { position: absolute; left: -9999px; top: -9999px; } .clear { clear: both; } .page-wrap { width: 1080px; margin: 0 auto; position: relative } h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; font-weight: 600} h1 {font-size: 50px; line-height: 60px; color: #005a65} h2 {font-size: 40px; line-height: 50px; color: #3f8c94} h2.page-title {font-size: 60px; line-height: 70px; color: #005a65; padding-bottom: 5px} h3 {font-size: 30px; line-height: 36px; color: #5d5e5e} h3.post-title {padding-top: 20px} p { margin: 0 0 10px 0; } a {color: #005a65; text-decoration: none; font-weight: 700} a:hover { color: #8dc155} a img {border: none} blockquote { } blockquote p { } .hide-desktop {display: none;} ul, ol { margin: 0 0 10px 0; } .alignright {float:right; } .alignleft {float:left; } .aligncenter {display: block; margin-left: auto; margin-right: auto} 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%;} #top-header {padding: 10px 0 15px; background: #005a65;} #top-header a {text-transform: uppercase; font-size: 20px; color: #fff; font-weight: 500; } #top-header a:hover {color: #96ca51; opacity: 0.8; transition: .5s ease} #top-header a.map {display: block; float: left; margin-right: 40px; } #top-header a.map:before {margin-top: 3px; content: " "; width: 30px; height: 30px; background: url('images/map-icon.png'); display: block; float: left; margin-right: 20px} #top-header a.phone {display: block; float: left; } #top-header a.phone:before {margin-top: 3px; content: " "; width: 30px; height: 30px; background: url('images/phone-icon.png'); display: block; float: left; margin-right: 20px} #top-header ul {list-style: none; float: right; padding-right: 100px; margin: 0} #top-header ul li {float: left; margin: 0 0 0 15px} #top-header ul li a {color: #fff; display: block; float: left} #top-header ul li a.border {padding-left: 15px; padding-right: 15px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } #top-header ul li a.social {display: block; float: left; text-indent: -99999px;} #top-header ul li a.twitter {margin-left: 30px; margin-top: 7px ; background: url('images/social-media-sprite.png') no-repeat 0 -3px;width: 28px;height: 23px;} #top-header ul li a.google {margin-left: 20px;margin-top: 7px ; background: url('images/social-media-sprite.png') no-repeat -56px -1px;width: 29px;height: 27px;} #top-header ul li a.facebook {margin-left: 20px;margin-top: 7px ;background: url('images/social-media-sprite.png') no-repeat -121px 0;width: 13px;height: 28px;} #top-header ul li a.pinterest {margin-left: 20px;margin-top: 7px ; background: url('images/social-media-sprite.png') no-repeat -173px 0;width: 23px;height: 29px;} #top-header ul li a.instagram {margin-left: 20px;margin-top: 7px ; background: url('images/social-media-sprite.png') no-repeat -227px -2px;width: 28px;height: 28px;} #top-header .search-form {position: absolute;right: 10px; top: -9px;} #top-header .search-field {background-color: transparent;background-image: url(images/search-icon.png);background-repeat: no-repeat;background-size: 60px 63px;border: none;cursor: pointer;height: 60px;padding: 0 0 0 63px;position: relative-webkit-transition: width 400ms ease, background 400ms ease;transition: width 400ms ease, background 400ms ease;width: 0;} #top-header .search-field:focus {background-color: #fff;border: 2px solid #c3c0ab;cursor: text;outline: 0;width: 230px;} #top-header .search-submit { display:none;} #top-header input { -webkit-appearance: none;} h1#logo {top: 26px; position: absolute; z-index: 99; width: 375px; height: 111px; background: url('images/logo.png'); text-indent: -9999px} h1#logo:hover {opacity: 0.8} header nav {float: right; margin-top: 60px} header nav ul {list-style: none; margin: 0} header nav ul li {float: left; position: relative; margin: 0; padding: 0} header nav ul li:first-child a { } header nav ul li:hover a {background: #3f8c94; color: #96ca51} header nav ul li a {color: #888b90; font-weight: 600; padding: 20px 10px 20px 10px; margin-left: 20px; font-size: 20px; position: relative; } header nav ul li a:hover {color: #fff; background: #3f8c94} header nav ul li ul {top: 40px; left: 20px; display: none; position: absolute; width: 210px; background: #8dc155; margin: 0; padding: 0} header nav ul li:hover ul {display: block} header nav ul li ul li a {font-size: 16px; padding: 5px 5px 5px 10px !important; margin-left: 0; width: 195px; color: #fff; display: block; border-bottom: 1px solid #fff; font-weight: 400} header nav ul li:hover ul li a {color: #fff !important} header nav ul li ul li:first-child a {padding: 5px 5px 5px 10px !important;} header nav ul li ul li a:hover {color: #fff; background: #96ca51; transition: 0.5s ease} header nav ul li:last-child ul {left: auto !important; right: 0 !important} header {background: #fff; position: relative; z-index: 20; padding: 5px 0 20px; clear: both} .flex-direction-nav a {height: 45px !important; width: 45px !important; background: url('images/new-arrow.png') !important} .flex-direction-nav .flex-next {background-position: -43px 0 !important} .metaslider .caption-wrap {opacity: 1 !important; background: url('images/slider-bg.png') repeat !important; bottom: auto !important; top: 0px; padding: 40px 10px 10px 115px; width: auto !important; max-width: 380px; color: #fff } .metaslider .caption-wrap h2 {color: #fff !important; font-size: 92px; line-height: 92px; font-weight: 400 !important; padding: 0; margin: 0} .metaslider .caption-wrap a {color: #bad983 !important; display: block; float: right; text-align: right; font-weight: 500} aside.homepage-buttons {width: 1080px; position: absolute; top: -65px; z-index: 9999} .homepage-content {background: #fff; padding-bottom: 50px; min-height: 400px} .homepage-buttons h2 {display: none} .homepage-buttons .widget {float: left; position: relative; background: #fff} .homepage-buttons .widget:nth-child(2) {margin-left: 35px} .homepage-buttons .widget:nth-child(3) {float: right} .homepage-buttons .widget img {border: 3px solid #bad983; width: 333px; height: auto} .homepage-buttons .widget img:hover {opacity: 0.8; transition: 0.5s ease} .homepage-buttons .widget_sp_image-description a {color: #fff; font-weight: 400; position: relative; z-index: 999;background: #3f8c94; width: 96%; display: block; margin: -70px auto; height: 40px; padding: 10px 0 10px 10px;text-transform: uppercase; font-size: 23px; } .homepage-buttons .widget_sp_image-description a:hover {color: #005a65; background: #bad983; transition: 0.5s ease} .homepage-buttons .widget_sp_image-description p {margin: 0} .homepage-buttons .widget_sp_image-description a:after {content: "ยป"; display: block; padding: 25px 5px 0 15px; width: 25px; height: 35px; color: #fff; font-size: 45px; line-height: 1px; font-weight: 300 !important; right: 0; top: 0; background: #005a65; float: right; position: absolute; z-index: 99999} .rotatingtweets {max-width: 1080px; background: url('images/large-twitter.jpg') left center no-repeat; margin-bottom: 36px; border-top: 1px solid #dedfdf; border-bottom: 1px solid #dedfdf; padding-bottom: 20px} .rotatingtweet {padding-top: 30px; width: 900px; float: right; margin-right: 50px; height: auto; } .rtw_main { font-size: 20px !important; line-height: 24px; background: #d9e7e9; border-radius: 20px; padding: 10px 20px; margin: 0; max-width: 900px } div.rotatingtweet {margin-left: 130px;} /*.rtw_main:after {content: " "; display: block; position: absolute; right: 40%; bottom: -23px; width: 37px; height: 23px; background: url('images/quote-mark.jpg'); z-index: 999999} */.rtw_meta {font-size: 20px !important; height: 23px; margin: 0; padding: 15px 0 0 0; clear: both; margin-left: 23px; font-weight: 300 !important; background: url('images/quote-mark.jpg') center top no-repeat; } .rtw_meta a {font-weight: 300 !important; color: #3f8c94} .rtw_meta a:hover {color: #005a65} #content p.rtw_main, p.rtw_main, div.rtw_main {margin-bottom: 0 !important} .rtw_main {height: auto !important} section.best {padding: 300px 0 55px; clear: both; } section.best h3 {font-size: 70px; font-weight: 600; color: #3f8c94; text-align: center} section.best h3 span {color: #005a65} section.best a {font-size: 28px; color: #bad983; display: block; float: right; font-weight: 500; padding: 20px 140px 0 0} section.best a:hover {color: #3f8c94} .left-box {width: 50%; float: left; background: #3f8c94; } .left-box .content {float: right; padding: 10px 25px 10px 0; width: 515px; border-right: 8px solid #f2f7e7; height: 255px} .left-box {width: 50%; float: left; background: #3f8c94; } .left-box .content h4 {float: left; font-size: 27px; line-height: 31px; color: #fff; } .left-box .content h4 a {color: #fff; } .right-box {width: 50%; float: right; background: #f2f7e7;} .right-box .content {float: left; padding: 10px 0 10px 25px; width: 515px; border-left: 8px solid #3f8c94; height: 255px} .right-box .content img, .left-box .content img {float: left; margin-right: 25px} .right-box .content img:hover {opacity: 0.8; transition: 1s ease} .right-box .content h4 {float: left; font-size: 27px; line-height: 31px} .right-box .title, .left-box .title{color: #3f8c94; font-weight: 600; text-transform: uppercase} .right-box .title:hover, .left-box .title:hover {color:#005a65} .right-box .content .excerpt, .left-box .content .excerpt {padding-top: 5px; float: left; width: 190px; font-size: 24px; line-height: 28px; font-weight: 300; color: #3f8c94; } .left-box .content .excerpt {color: #fff} .more {display: block; color: #bad983; font-size: 27px; padding-top: 15px; font-weight: 500} .metaslider {overflow: hidden} #metaslider_173 {margin-top: 30px} .homepage-bottom-buttons {padding: 30px 0} aside.homepage-bottom-buttons h2 {display: none} .homepage-bottom-buttons .widget {float: left} .homepage-bottom-buttons .widget {background: #005a65; float: left; position: relative; color: #fff} .homepage-bottom-buttons .widget a {color: #fff} .homepage-bottom-buttons .widget a:hover {opacity: 0.8} .homepage-bottom-buttons .widget img { padding: 26px 26px 0; width: 300px; height: auto} .homepage-bottom-buttons .widget:nth-child(2) {background: #d7e8b7; margin-left: 11px; color: #005a65;} .homepage-bottom-buttons .widget:nth-child(3) {float: right; background: #3f8c94} .homepage-bottom-buttons .widget_sp_image-description a {font-size: 29px; padding-bottom: 10px; font-weight: 500; text-align: right; margin: 0 26px; display: block; float: right} .homepage-bottom-buttons .widget_sp_image-description p {margin: 0; } .homepage-bottom-buttons .widget:nth-child(2) .widget_sp_image-description a {color: #005a65} footer {background: #d9e7e9; position: relative; overflow: hidden } footer .page-wrap {padding: 30px 0; z-index: 5;} footer .widget {z-index: 10;} footer .widget h2 {color: #005a65; font-size: 20px; padding: 0 0 20px 0; margin: 0; line-height: 24px} footer p {margin: 0} /*footer .widget {width: 180px; position: relative; z-index: 999} footer .widget:first-child {width: 330px; float: left; font-size: 20px; line-height: 26px; } footer .widget:first-child a {display: block; clear: left; padding-top: 20px} footer .widget:nth-child(2) {padding-left: 65px; width: 195px; float: left} footer .widget:nth-child(2) p {line-height: 46px} footer .widget:nth-child(2) h2 {padding: 0 0 13px 0} footer .widget:nth-child(3) h2 {padding: 0 0 30px 0} footer .widget:nth-child(3) {width: 177px; float: left; padding-left: 45px} footer .widget:nth-child(3) p {margin: 0 0 20px 0; line-height: 25px} footer .widget:nth-child(4) {float: right; width: 200px}*/ footer .widget ul.social {list-style: none} footer .widget ul.social li {float: left} footer .widget ul.social li a {display: block; float: left; text-indent: -9999px; } footer .widget a { font-weight: 500 !important} footer .widget ul.social li a:hover {opacity: 0.5; transition: 1s ease} footer .widget ul.social li a.twitter {background: url('images/social-media-footer.png') no-repeat 0 0;width: 30px;height: 30px; margin-right: 10px; } footer .widget ul.social li a.google {background: url('images/social-media-footer.png') no-repeat -42px 0;width: 30px;height: 30px; margin-right: 10px; } footer .widget ul.social li a.pinterest {background: url('images/social-media-footer.png') no-repeat -84px 0;width: 30px;height: 30px; margin-right: 10px; } footer .widget ul.social li a.facebook {background: url('images/social-media-footer.png') no-repeat -126px 0;width: 30px;height: 30px; margin-right: 10px; } footer .widget ul.social li a.instagram {background: url('images/social-media-footer.png') no-repeat -168px 0;width: 30px;height: 30px;} footer .sitemap {background: #3f8c94; } footer .sitemap h5 {color: #bad982; text-transform: uppercase; float: left; margin: 0; padding: 16px 0 0 0; font-size: 16px; line-height: 0; font-weight: 500} footer .sitemap ul {list-style: none} footer .sitemap ul li {float: left} footer .sitemap a {color: #fff; font-size: 16px; text-transform: uppercase; } footer .sitemap nav {float: right; width: 90%; position: relative; z-index: 999} footer .sitemap nav ul {margin: 0; padding: 0} footer .sitemap nav ul li a {font-weight: 500; margin-right: 30px} footer .sitemap nav ul li a:hover {color: #bad982;} .sub-footer {background: #005a65; padding: 16px 0; color: #fff; font-size: 14px; letter-spacing: 0.03em} .sub-footer .page-wrap {padding: 0 0} .sub-footer a {color: #fff; font-weight: 300; } .sub-footer a.author {float: right; display: block; position: relative; z-index: 999} .sub-footer a:hover {color: #bad982} footer .logo {width: 577px; height: 652px; background: url('images/high-pointe-logo-footer.png'); right: 0; top: 0; position: absolute; z-index: 1} /*Single Page*/ .featured-page-banner {max-height: 488px; overflow: hidden; position: relative; z-index: -1; margin-bottom: -46px} .featured-page-banner img {width: 100%; height: auto} .page-bg {background: #fff url('images/sidebar-bg.jpg') right top repeat-y; -moz-box-shadow: 0px 0px 5px 3px #464646;-webkit-box-shadow: 0px 0px 5px 3px #464646;box-shadow: 0px 0px 5px 3px #464646;} label[for="s2email"] {display: none} .category-list li.categories { list-style: none; margin-bottom: 15px; } .category-list li.categories h2 { position: relative; } .category-list li.categories ul { display: block; } .category-list li.categories ul li { display: block; margin-right: 25px; text-align: center; } aside.interior {width: 270px; float: right; padding: 40px 20px; background: url('images/aside-bg.png') right -50px no-repeat} aside.interior h2 {color: #fff; background: #005a65; font-size: 26px; font-weight: 700; text-align: center; position: absolute; top: 0; left: -21px; width: 311px} aside.interior h2 a {color: #fff} aside.interior .facebook-widget {} aside.interior .facebook-widget h2 a {background: url('images/facebook-aside-icon.png') left center no-repeat; padding-left: 40px} aside.interior .widget {padding-top: 85px; position: relative} aside.interior .s2_form_widget {margin-top: 30px} aside.interior .search {font-size: 15px; line-height: 18px; position: relative; } aside.interior input#s2email {border: none; height: 20px; padding: 5px 60px 5px 10px; position: relative; font-size: 15px; color: #888b90} aside.interior input[value="Subscribe"] {position: absolute; background: #005a65; width: 100px; padding: 5px 0; height: 30px; font-weight: 300; font-size: 15px; text-transform: uppercase; color: #fff; text-align: center; bottom: 28px; right: 0; z-index: 999; border: none; cursor: pointer} aside.interior input[value="Subscribe"]:hover {background: #8dc155} aside.interior input[value="Unsubscribe"] {cursor: pointer; background: none; border: none; float: right; text-align: right; font-weight: 700; color: #005a65; font-size: 13px; } aside.interior input[value="Unsubscribe"]:hover {color: #8dc155} .post {padding: 40px 0 40px 40px; float: left; width: 63%;} .post ul, .post ol {margin: 0 0 0 20px} .page footer {border-top: 8px solid #8dc155} /*--Pagination--*/ section#pagination {border-top: 3px solid #ccc; width: 100%; font-weight: 300; position: relative; z-index: 9999; padding-bottom: 10px; height: auto; float: left; font-size: 15px} section#pagination .pagination {clear:both; padding: 0 0 20px 0; position:relative; } section#pagination .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 15px 5px 15px; text-decoration:none; width:auto; color:#414042; background: #ffffff;} section#pagination .pagination span:first-child {padding: 5px 20px 5px 0} section#pagination .pagination a:hover{color:#fff;background: #77BD43;} section#pagination .pagination .current{padding:6px 15px 5px 15px; padding:6px 15px 5px 15px;background: #cccccc; color:#fff;} .entry {padding-bottom: 15px;/* border-bottom: 1px solid #ccc; */margin-bottom: 15px} .entry .moretag {background: #8dc155; padding: 5px 20px; text-align: center; color: #fff } .entry .moretag:hover {background: #005a65; transition: 1s ease} .entry span.time {display: block; width: 95%; padding: 5px 5% 5px 0; color: #fff; background: #005a65; text-align: right; font-size: 15px} .entry a { } .entry a:hover { } pre { } code, tt { } #meta { } .postmetadata { } aside { } .navigation {clear: both; padding-top: 10px; margin-top: 20px; border-top: 5px solid #ccc} .next-posts {float: right; text-align: right} .prev-posts {float: left; text-align: left} form { } input[type=text] { } input[type=submit] { -webkit-appearance: none;} textarea { } .mobile-only {display: none} .tinynav, .tinynav_label { display: none } .page-id-3004 figure, .page-id-3006 figure { position: relative; display: flex !important; flex-direction: column; justify-content: center; align-items: center; /* overflow: hidden; width: 300px; height: 222px; */ } .page-id-3004 figure > a, .page-id-3006 figure > a { width: 300px; height: 300px; overflow: hidden; border-radius: 100%; } /* .page-id-3002 .wp-block-image::before, .page-id-3022 .wp-block-image::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; transition: background-color 0.3s; } */ /* .page-id-3002 .wp-block-image:hover::before, .page-id-3022 .wp-block-image:hover::before { background-color: rgba(0, 0, 0, 0.5); } */ .page-id-3004 figure img, .page-id-3006 figure img { width: 300px; /* height: auto; */ height: 300px !important; object-fit: cover; object-position: center; transition: transform 0.3s; border-radius: 100% !important; } .page-id-3004 figure > a:hover img, .page-id-3006 figure > a:hover img { transform: scale(1.1); } .page-id-3002 figure figcaption, .page-id-3022 figure figcaption { text-align: center; line-height: 1.15; } .page-id-3004 .wp-block-image:hover figcaption, .page-id-3006 .wp-block-image:hover figcaption { opacity: 1; } .page-id-3004 figure > a:hover + figcaption, .page-id-3006 figure > a:hover + figcaption { color: #3f8c94; } } /* END screen media */ /* -------------------------------------------------------------- Media Queries Aplenty -------------------------------------------------------------- */ @media screen and (max-width : 1100px) { .page-wrap, aside.homepage-buttons {width: 1010px} h1#logo {position: relative; top: auto; margin: 30px auto; } .description {display: none} header nav {float: none; margin: -30px auto; padding-left: 125px} .homepage-buttons .widget img {width: 307px} /* .rotatingtweets {max-width: 1010px} .rtw_main, .rtw_meta {max-width: 710px}*/ footer .widget:first-child {width: 300px} .homepage-bottom-buttons .widget img {width: 275px} /* .right-box .content img, .left-box .content img {width: 50%; height: auto} .left-box .content, .right-box .content {width: auto} .right-box .content {padding: 10px 0 10px 0} .left-box .content {padding: 10px 0 10px 0} .right-box .content .excerpt, .left-box .content .excerpt {font-size: 18px}*/ .rotatingtweets {display: none} /* .rotatingtweets {max-width: auto !important; width: auto !important; background: none; margin-bottom: 36px; border-top: 1px solid #dedfdf; border-bottom: 1px solid #dedfdf; padding-bottom: 20px} */ /*.rotatingtweet {padding-top: 30px; width: 100%; float: none: 0; height: auto; margin: 0 auto} div.rotatingtweet {margin-left: 0}*/ #content p.rtw_main, p.rtw_main, div.rtw_main {max-width: 100% !important; text-align: center; margin: 0 auto} p.rtw_meta, div.rtw_meta, div.rtw_meta_wide, div.rtw_name, div.rtw_id, div.rtw_time_short, div.rtw_rt_meta {clear: both} p.rtw_meta, div.rtw_meta {padding-top: 20px} .left-box, .right-box {width: 100%; float: none} .right-box .content img, .left-box .content img {max-width: 50%; width: auto !important; height: auto} .right-box .content {border-left: none} .left-box .content {border-right: none} .right-box .content, .left-box .content {max-width: 1100px; margin: 0 auto !important; float: none !important; } .right-box .content, .left-box .content {padding: 10px 0 10px 0 !important; width: 750px} .right-box .content .excerpt, .left-box .content .excerpt {width: 50% !important} } @media screen and (max-width : 1023px) { .page-wrap, aside.homepage-buttons {width: 750px;} #top-header a.map, #top-header a.phone {text-indent: -9999px} #top-header ul li {margin: 0 0 0 5px} #top-header a.map {/*margin-right: 40px*/ width: 10px} #top-header ul li a.twitter {margin-left: 10px} .homepage-buttons .widget_sp_image-description a {width: 217px; font-size: 17px; padding: 15px 0 5px 10px } .homepage-buttons .widget img {width: 227px} .homepage-buttons .widget:nth-child(2) {margin-left: 25px} section.best {padding: 175px 0 35px} section.best h3 {font-size: 63px; line-height: 70px} .homepage-bottom-buttons .widget_sp_image-description a {font-size: 21px} .homepage-bottom-buttons .widget img {width: 190px} footer .widget:first-child {font-size: 16px; line-height: 18px; width: 25%; } footer .widget:nth-child(3), footer .widget:nth-child(2) {padding-left: 25px; } footer .widget:nth-child(4) {width: 120px} footer .widget ul li a.facebook, footer .widget ul li a.instagram {margin-top: 10px} section.best a {padding: 0 0 0 0} .homepage-content {padding-bottom: 0} h1#logo { margin: 15px auto 5px; } .page-bg {background: none !important; background: #fff !important} aside.interior {display: none} .post {float: none; padding: 40px 40px 40px 40px; width: auto} section.best a {float: none; margin: 0 auto; text-align: center} .metaslider .caption-wrap {max-width: 100%; padding: 0; text-align: center; top: 0 !important; bottom: auto !important} .metaslider .caption-wrap h2 {font-size: 40px; line-height: 40px; padding: 0 15px} .metaslider .caption-wrap p {padding: 0 15px} .metaslider .caption-wrap a {padding-right: 15px;} header nav {padding-left: 0} }/* END max-width : 719px */ @media screen and (max-width : 767px) { .tinynav { display: block; margin-top: 8px } #nav { display: none } .page-wrap, aside.homepage-buttons {width: 100%;} footer .page-wrap, #top-header .page-wrap {width: 90%} header .page-wrap {width: 100%} #top-header ul li:first-child, #top-header ul li:nth-child(2), #top-header ul li:nth-child(3) {display: none} #top-header a.map {margin-right: 10px; width: 30px} /* .desktop {display: none} */ .mobile-only {display: block !important} .tinynav_label {display: block; float: left; margin-right: 10px; color: #fff} .tinynav {position: relative; display: block; float: left; width: 220px} .menu-main-navigation-container {max-width: 320px; margin: 0 auto} aside.homepage-buttons {position: relative; width: auto; margin-top: 30px; top: auto; clear: both} .homepage-buttons .widget img {width: 90%; margin: 0 auto} .homepage-buttons .widget {float: none !important; margin: 0 auto 15px !important} .homepage-buttons .widget_sp_image-description a {padding: 5px 0 15px 10px; width: 88%; font-size: 30px} section.best {padding: 50px 0 35px; line-height: 60px} .rotatingtweets{padding-bottom: 40px} .homepage-content {padding-bottom: 0} header {padding: 5px 0 0} header nav {padding-left: 0; background: #3f8c94; margin: 0 auto 0; height: 25px; padding: 15px 50px 25px 50px } .homepage-buttons .widget_sp_image-description a {width: 89%; display: block; position: relative; margin: -60px auto 30px; float: none; left: 0 !important} footer .widget:first-child {width: 45%} footer .widget:nth-child(3) {clear: left; padding-left: 0; padding-top: 30px} footer .widget:nth-child(4) {width: 50%; padding-top: 30px} footer .widget ul li a.facebook, footer .widget ul li a.instagram {margin-top: 0px} footer .sitemap {display: none} .right-box .content, .left-box .content {width: 468px} .right-box .content img, .left-box .content img {max-width: 100% !important; width: 100% !important; height: auto; margin: 0 auto 15px; float: none; clear: both; display: block; } .left-box .content h4, .right-box .content h4 {float: none; margin: 0 auto; text-align: center} .right-box .content .excerpt, .left-box .content .excerpt {width: 90% !important; margin: 0 auto; text-align: center; float: none} .homepage-bottom-buttons .widget:nth-child(2) {margin-left: 0} .sub-footer {text-align: center} .sub-footer a.author {float: none; margin: 0 auto; text-align: center} .homepage-buttons .widget {float: none; margin: 0 auto !important; text-align: center; position: relative} .homepage-bottom-buttons .widget {text-align: center; width: 33.333%; } .homepage-bottom-buttons .widget_sp_image-description a {font-size: 14px; margin: 0 10px 0 0} .homepage-bottom-buttons .widget img {padding: 0 0 0 0; width: 100%} .left-box .content, .right-box .content {height: auto !important} } @media screen and (max-width : 477px) { .page-wrap, aside.homepage-buttons {width: 100%;} #top-header ul {display: none} .right-box .content, .left-box .content {width: 310px} .homepage-bottom-buttons .widget { margin: 0 auto 10px !important; min-height: 260px; width: 95%; float: none; } .homepage-bottom-buttons .widget:nth-child(3) {float: none !important; margin: 0 auto 10px !important} .homepage-bottom-buttons .widget img {width: 250px} .homepage-bottom-buttons .widget:nth-child(2) {margin-left: auto !important} .homepage-bottom-buttons .widget_sp_image-description a {font-size: 21px} h1#logo {width: 290px; height: 85px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .homepage-buttons .widget_sp_image-description a {text-align: left; font-size: 20px; padding: 15px 0 5px 10px; margin: -55px auto 30px } .homepage-bottom-buttons .widget:nth-child(3) {float: left} footer .widget:first-child {width: 90%; float: none; clear: both; margin: 0 auto 10px} footer .widget:nth-child(3), footer .widget:nth-child(2) {padding-left: 0; float: none; clear: both; margin: 0 auto 10px; width: 90%; border-top: 2px solid #ccc; padding-top: 10px} footer .widget:nth-child(4) {float: none; width: 90%; margin: 0 auto; clear: both; padding-top: 10px; border-top: 2px solid #ccc; clear: both} section.best {padding: 10px 0 35px} section.best a {margin: 0 auto; float: none; text-align: center} .sub-footer {font-size: 12px} .homepage-bottom-buttons .widget {padding-bottom: 40px !important; display: block; height: auto !important} .homepage-bottom-buttons .widget img {width: 100%; height: auto; display: block; margin: 0 auto; } .homepage-bottom-buttons .widget_sp_image-description a {font-size: 30px; line-height: 30px; text-align: center; padding: 0 0 0; display: block; float: none; margin: 10px auto 0} body {font: 400 18px/1.5 "Dosis",sans-serif} h1 {font-size: 50px; line-height: 50px} h2 {font-size: 40px; line-height: 40px} } @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 */