/* Theme Name: The Best Schools Theme URI: www.TheBestSchools.org Description: A custom theme built for TheBestSchools.org Author: The Best Schools Template: genesis */ /* Imports --------------------------------------------------------------------------- */ @font-face { font-family: 'Icon'; src:url('fonts/Icon.eot'); src:url('fonts/Icon.eot?#iefix') format('embedded-opentype'), url('fonts/Icon.woff') format('woff'), url('fonts/Icon.ttf') format('truetype'), url('fonts/Icon.svg#Icon') format('svg'); font-weight: normal; font-style: normal; } /* HTML5 Reset ----------------------------------------------------------------------------- */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /* Float Clearing --------------------------------------------- */ .archive-pagination:before, .clearfix:before, .entry-content:before, .entry-pagination:before, .entry:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .widget:before, .wrap:before { content: " "; display: table; } .archive-pagination:after, .clearfix:after, .entry-content:after, .entry-pagination:after, .entry:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .widget:after, .wrap:after { clear: both; content: " "; display: table; } /* Defaults ------------------------------------------------------------ */ html { font-size: 62.5%; /* 10px browser default */ } body { color: #666; font-family: 'Lato', sans-serif; font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 1.75; margin: 0; padding: 0; text-decoration: none; } p { font-family: Georgia, serif; } li, ol, ul { margin: 0; padding: 0; } a { color: #FE7625; text-decoration: none; } a:hover { color: #FE7625; text-decoration: underline; } a img { border: none; } blockquote, blockquote::before { color: #999; } blockquote { margin: 40px 40px 24px; margin: 4rem 4rem 2.4rem; } blockquote::before {content: "“"; display: block; font-size: 30px; font-size: 3rem; height: 0; left: -20px; position: relative; top: -10px; } /* Headings ------------------------------------------------------------ */ h1, h2, h3, h4, h5, h6 { color: #639eb9; font-family: 'Lato', sans-serif; font-weight: 400; margin: 0 0 10px 0; margin: 0 0 1.0rem; line-height: 1.2; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #639EB9; text-decoration: none; } h1, h2, h2 a, h2 a:visited { font-size: 30px; font-size: 3rem; } h2 a:hover { color: #FE7625; text-decoration: none; } h3 { font-size: 24px; font-size: 2.4rem; } h4 { font-size: 20px; font-size: 2rem; } .widget-area h4 { background-color: #FE7625; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #FFFFFF; margin: 0; padding: 4px 0 4px 10px; padding: .4rem 0 .4rem 1rem; } .widget-area h4 a { text-decoration: none; } h5 { font-size: 18px; font-size: 1.8rem; } h6 { font-size: 18px; font-size: 1.8rem; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .sidebar img, .wp-caption { max-width: 100%; height: auto; } .featured-content img, .gallery img { width: auto; /* IE8 */ } /* Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; margin-bottom: 4rem; width: 100%; } tbody { border-bottom: 1px solid #eeeee8; } th, td { text-align: left; } th { font-weight: bold; text-transform: uppercase; } td { border-top: 1px solid #eeeee8; padding: 6px 0; padding: 0.6rem 0; } /* Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #dddad3; border-radius: 3px; box-shadow: 1px 1px 3px #f8f8f8 inset; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-size: 1.1rem; font-weight: 300; padding: 16px; padding: 1.6rem; width: 100%; } input:focus, textarea:focus { border: 1px solid #999; outline: none; } ::-moz-placeholder { color: #c3bbad; opacity: 1; } ::-webkit-input-placeholder { color: #c3bbad; } button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button { background-color: #639EB9; border: none; box-shadow: none; color: #fff; cursor: pointer; letter-spacing: 1px; letter-spacing: 0.1rem; padding: 16px 24px; padding: 1.6rem 2.4rem; width: auto; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .entry-content .button:hover { background-color: #639EB9; } .entry-content .button:hover { color: #fff; } .button { border-radius: 3px; display: inline-block; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } .wpcf7 { max-width: 95%; clear: both; } /* Searchform */ .search-form { overflow: hidden; width: 100%; margin-bottom: 0; } .search-form input[type="search"] { background: #fff url(images/search.png) no-repeat 10px center; background-size: 15px 15px; padding: 10px 10px 10px 34px; padding: 1rem 1rem 1rem 3.4rem; } .search-form input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } /* Wrap ------------------------------------------------------------ */ .site-container { background: #adc2d7; background: -moz-linear-gradient(top, #adc2d7 0%, #dbe4ed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adc2d7), color-stop(100%,#dbe4ed)); background: -webkit-linear-gradient(top, #adc2d7 0%,#dbe4ed 100%); background: -o-linear-gradient(top, #adc2d7 0%,#dbe4ed 100%); background: -ms-linear-gradient(top, #adc2d7 0%,#dbe4ed 100%); background: linear-gradient(to bottom, #adc2d7 0%,#dbe4ed 100%); } .wrap { margin: 0 auto; max-width: 960px; max-width: 96rem; } /* Header ------------------------------------------------------------ */ .site-header { margin: 0 auto; min-height: 110px; min-height: 11rem; max-width: 960px; max-width: 96rem; } .title-area { float: left; overflow: hidden; margin-top: 10px; margin-top: 1rem; } .title-area a { display: block; float: left; height: 85px; height: 8.5rem; overflow: hidden; padding: 0; text-indent: -9999px; width: 550px; width: 55rem; background: url(images/logo.png)no-repeat scroll left top transparent; } .title-area p { text-indent: -9999px; margin: 0; padding: 0; } .site-header .widget-area { float: right; margin: 40px 0 0; margin: 4rem 0 0; width: 340px; width: 34rem; } .site-header .textwidget { clear: both; font-family: Georgia, serif; font-size: 16px; font-size: 1.6rem; font-style: italic; text-align: center; color: #326881; margin-bottom: 10px; margin-bottom: 1rem; } /* Image Header - Full Width ------------------------------------------------------------ */ .header-full-width .title-area, .header-full-width .site-title, .header-full-width .site-title a { max-width: 960px; } /* Primary Navigation ----------------------------------------------------------- */ .nav-primary .wrap { border-bottom: 5px solid #639EB9; position: relative } .menu-primary li a { padding: 7px 15px 7px 18px; font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 1.4px; } .menu-primary li { position: relative; list-style: none; background: #ddd; background-image: linear-gradient(to bottom, #fff, #ddd); padding: 4px 0; float: left; text-decoration: none; border-radius: 3px 0 0 0; box-shadow: 2px 0 2px -2px rgba(0,0,0,.4); margin-right: 10px; } .menu-primary a { color: #326881; } .menu-primary a:hover, .menu-primary a:hover::after, .menu-primary a:focus, .menu-primary a:focus::after { color: #FE7625; text-decoration: none; } .menu-primary a:focus { outline: 0; } .menu-primary li::after { content:''; position:absolute; z-index: 1; top: 0; right: -.5em; bottom: 0; width: 20px; background: #ddd; background-image: linear-gradient(to bottom, #fff, #ddd); box-shadow: 2px 0 1px 0px rgba(0,0,0,.3); -webkit-transform: skew(25deg); -moz-transform: skew(25deg); -ms-transform: skew(25deg); -o-transform: skew(25deg); transform: skew(25deg); border-radius: 0 3px 0 0; } .menu-primary li a:active, .menu-primary li a:hover, .menu-primary .current_page_item a, .menu-primary .current-cat a, .menu-primary .current-menu-item a, .site-header .menu li a:active, .site-header .menu li a:hover, .site-header .menu .current_page_item a, .site-header .menu .current-cat a, .site-header .menu .current-menu-item a { color: #FE7625; } /* Header Navigation ------------------------------------------------------------ */ .menu-secondary { clear: both; float: right; overflow: hidden; } .menu-secondary li { float: left; list-style-type: none; } .menu-secondary a { color: #D2D2D2; display: block; padding: 6px 10px 5px; position: relative; text-decoration: none; } .menu-secondary li a:active, .menu-secondary li a:hover, .menu-secondary .current_page_item a, .menu-secondary .current-cat a, .menu-secondary .current-menu-item a { color: #fff; } .nav-secondary { font-size: 11px; font-size: 1.1rem; background-color: #639Eb9; font-family: 'Lato', sans-serif; -moz-box-shadow: inset 0 0 0 0 transparent, inset 0 -15px 15px -15px rgba(0,0,0, .4); -webkit-box-shadow: inset 0 0 0 0 transparent, inset 0 -15px 15px -15px rgba(0,0,0, .4); box-shadow: inset 0 0 0 0 transparent, inset 0 -15px 15px -15px rgba(0,0,0, .4); position: relative; z-index: 4; padding: 2px 0; height: 30px; } #follow a { float: left; padding-right: 5px; } /* Inner ------------------------------------------------------------ */ .site-inner { margin: 0 auto; overflow: hidden; max-width: 960px; max-width: 96rem; background: #fff url(images/sidebar_divider.gif) 285px top repeat-y; position: relative; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; -webkit-box-shadow: 0px 3px 3px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 3px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 3px rgba(50, 50, 50, 0.75); z-index: 2; } /* Home Featured ------------------------------------------------------------ */ .content .home-featured h4.title2, .content .home-featured h4.welcome { background: none; color: #FE7625; border: none; padding: 0; margin: 0; text-align: left; font-size: 36px; font-size: 3.6rem; } .home-featured img { display: block; width:100%; height: auto; margin-bottom: 15px; } .content .home-featured h4.title2 { margin: 20px 0 15px 0; } .content .news h4.title2 { color: #FE7625; font-size: 36px; font-size: 3.6rem; } /* Home other ------------------------------------------------------------ */ .post { border-bottom: 1px solid #EBEBEB; margin-bottom: 10px; } .single .post { border-bottom: none; } .page-id-23023 .entry-content, .home .entry-content { margin: 0; } .wel { font-size: 20px; font-size: 2rem; } .intro { border-bottom: 5px solid #ebebeb; } .all a { color: #fff; background-color: #FE7625; display: block; width: 100px; border-radius: 3px; font-family: Arial, Helvetica, sans-serif; padding: 5px; text-align: center; float: right; font-size: 14px; } /* Content-Sidebar Wrap ------------------------------------------------------------ */ .content-sidebar-wrap { overflow: auto; } .content-sidebar .content-sidebar-wrap, .full-width-content .content-sidebar-wrap, .sidebar-content .content-sidebar-wrap { padding: 20px 30px 20px 20px; } /* Content ------------------------------------------------------------ */ .content { float: right; padding: 0 0 20px; } .content-sidebar .content, .sidebar-content .content { width:68%; } .full-width-content .content { max-width: 960px; } .post { } .entry-content { margin: 0 0 35px; position: relative; } .archive .entry-content { margin: 0; } .entry-content p { margin: 0 0 16px; } p.subscribe-to-comments { padding: 20px 0 10px; } .clear { clear: both; } .clear-line { border-bottom: 1px solid #ddd; clear: both; margin: 0 0 20px; } .more-link { color: #FE7625; display: block; font-family: Georgia, serif; font-size: 13px; font-size: 1.3rem; font-weight: bold; left: 0; padding: 0 0 8px; text-decoration: none; z-index: 100; } .more-link:hover { text-decoration: underline; } /* Hide entry meta footer on blog page ------------------------------------------------------------ */ .page-template-page_blog-php .entry-footer {display: none; } .page-template-page_blog-php .entry-content { margin: 10px 0; } .page-template-page_blog-php .content .widget.widget_text { display: none; } /* Column Classes ------------------------------------------------------------ */ .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { float: left; margin: 0 0 20px; padding-left: 3%; } .one-half, .three-sixths, .two-fourths { width: 48%; } .one-third, .two-sixths { width: 31%; } .four-sixths, .two-thirds { width: 65%; } .one-fourth { width: 22.5%; } .three-fourths { width: 73.5%; } .one-fifth { width: 17.4%; } .two-fifths { width: 37.8%; } .three-fifths { width: 58.2%; } .four-fifths { width: 78.6%; } .one-sixth { width: 14%; } .five-sixths { width: 82%; } .first { clear: both; padding-left: 0; } /* Ordered / Unordered Lists ------------------------------------------------------------ */ .entry-content ol, .entry-content ul { margin: 0; padding: 0 0 25px; } .entry-content ol { margin: 0; } .archive-page ul li, .entry-content ul li { list-style-type: square; margin: 0 0 0 30px; padding: 0; } .entry-content ol li { margin: 0 0 0 35px; } .archive-page ul ul, .entry-content ol ol, .entry-content ul ul { padding: 0; } /* Post Info ------------------------------------------------------------ */ .content .entry-header .entry-meta { border-bottom: 1px solid #ddd; color: #888; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 9px; font-size: .9rem; margin: 0 0 25px; padding: 0 0 10px; text-transform: uppercase; } .content .entry-header .entry-meta a { font-weight: bold; text-decoration: none; } .content .entry-header .entry-meta .entry-time { float: right; } .content .entry-header .entry-meta .entry-authora { border-bottom: 5px solid #222; padding: 0 8px 10px; } .content .entry-header .entry-meta .entry-authora:hover { border-bottom: 5px solid #222; } .single .entry-footer, .archive .entry-footer { display: none; } /* Post Meta ------------------------------------------------------------ */ .entry-footer .entry-meta a { font-weight: bold; text-decoration: none; } /* Sticky Posts ------------------------------------------------------------ */ .sticky { margin: 0 0 40px; padding: 20px; } /* Archive Page ------------------------------------------------------------ */ .archive-page { float: left; padding: 20px 0; width: 45%; } /* Post Icons ------------------------------------------------------------ */ .entry-comments-link { position: absolute; top: -27px; right: 0px; } .entry-comments-link a { background: url(images/comment-icon.jpg) no-repeat 0px 0px; color: #888; padding: 0 0 0 20px; } .entry-comments-link a:hover { color: #222; } .entry-tags { display: block; margin: 10px 0 0; } /* Images ------------------------------------------------------------ */ img { height: auto; max-width: 100%; } .featuredpage img, .featuredpost img, .post-image { padding: 0; } .page-template-page_portfolio-php .featuredpage img, .page-template-page_portfolio-php .featuredpost img { margin: 0 0 10px; } .avatar { padding: 5px; } .author-box .avatar { background-color: #fff; border: none; float: left; height: 80px; margin: 0 30px 0 0; width: 80px; } .post-image { margin: 0 10px 10px 0; } .comment-list li .avatar { background-color: #fff; border: none; float: left; height: 33px; margin: 0 15px 0 0; padding: 3px; width: 33px; } img.centered, .aligncenter { display: block; margin: 0 auto 10px; } img.alignnone { display: inline; margin: 0 0 20px; } img.alignleft { display: inline; margin: 6px 25px 20px 0; } img.alignright { display: inline; margin: 6px 0 20px 25px; } .alignleft { float: left; margin: 0 25px 0 0; } .alignright { float: right; margin: 0 0 0 25px; } .wp-caption { padding: 5px; text-align: center; } p.wp-caption-text { font-size: 12px; font-size: 1.2rem; padding: 5px 0; } .wp-smiley, .wp-wink { border: none; float: none; } /* Post Navigation ------------------------------------------------------------ */ .pagination { overflow: hidden; padding: 20px 0; width: 100%; } .pagination li { display: inline-block; margin-bottom: 10px; } .pagination li a, .pagination li.disabled, .pagination li a:hover, .pagination li.active a { border: 1px solid #dadada; background-color: #f5f5f5; color: #777; font-size: 13px; font-size: 1.3rem; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 8px 12px; display: inline-block; text-decoration: none; } .pagination li a:hover, .pagination li.active a { background-color: #dadada; } .pagination li.pagination-previous a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; } .pagination li.pagination-next a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; } /* Sidebars ------------------------------------------------------------ */ .sidebar { display: inline; font-size: 13px; font-size: 1.3rem; max-width: 244px; max-width: 24.4rem; } .sidebar.widget-area { float: left; } .sidebar h4 { font-size: 1.25em; } .sidebar p { font-size: 14px; font-size: 1.4rem; } .sidebar a { color: #666; } .sidebar a:hover { color: #FE7625; } .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float: left; } .sidebar .widget, .single .content .widget-wrap, #degree_finder_bottom .widget { margin-bottom: 20px; background: #cadce4 url("images/widget-bg.png") repeat-x left top; -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; border-top-right-radius: 10px; border-bottom: 3px solid #66a3bf; font-family: 'Lato', sans-serif; } .sidebar .widget, .sidebar .widget p { color: #666; font-size: 15px; font-size: 1.5rem; } .sidebar .widget p { margin: 0 0 15px; margin: 0 0 1.5rem; } .sidebar.widget-area ul, .sidebar.widget-area ul ul, .footer-widgets .widget-area ul, .footer-widgets .widget-area ul ul { margin: 10px 0; } .sidebar.widget-area ul li, .footer-widgets .widget-area ul li { list-style-type: none; padding: 0 0 7px 12px; word-wrap: break-word; } .sidebar.widget-area ul li a:hover {color: #000; text-decoration: underline;} .sidebar #text-21 { background: none repeat scroll 0 0 transparent; width: 285px; border: medium none; margin: 0; } .noncom { box-shadow: 0 8px 6px -6px #666666; margin: -20px 0 15px -20px; } /* Responsive Menu ------------------------------------------------------- */ #responsive-menu-icon { cursor: pointer; display: none; margin-top: 10px; margin-top: 1rem; margin-bottom: 10px; margin-bottom: 1rem; } #responsive-menu-icon::before { -webkit-font-smoothing: antialiased; color: #666; content: "\e00e"; font-family: 'Icon'; font-size: 20px; font-size: 2rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; margin: 0 auto; speak: none; text-transform: none; } /* Buttons ------------------------------------------------------------ */ button, a.button, input[type=submit], input[type=reset], .paginator a, .paginator span { border: 1px solid #dadada; cursor: pointer; display: inline-block; font-size: .85em; font-weight: bold; line-height: 1.55; margin-right: 5px; padding: 5px 12px; text-decoration: none; text-align: center; } input[type=submit] { border: none; } button:hover, a.button:hover, input[type=submit]:hover, input[type=reset]:hover, .paginator a:hover, .paginator span:hover { border-color: #cacaca; } button:active, a.button:active, input[type=submit]:active, input[type=reset]:active, .paginator a:active, .paginator span:active, .paginator .current { border-color: #bababa; box-shadow: inset 0 0 2px rgba(0, 0, 0, .5); -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, .5); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .5); } /* Footer ------------------------------------------------------------ */ .site-footer { background: #565656; background: -moz-linear-gradient(top, #565656 0%, #66a3bf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#66a3bf)); background: -webkit-linear-gradient(top, #565656 0%,#66a3bf 100%); background: -o-linear-gradient(top, #565656 0%,#66a3bf 100%); background: -ms-linear-gradient(top, #565656 0%,#66a3bf 100%); background: linear-gradient(to bottom, #565656 0%,#66a3bf 100%); -moz-box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.6); -webkit-box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.6); box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.6); margin-top: -68px; padding: 80px 0 20px; position: relative; max-width: 100%; } .site-footer p, .site-footer a { color: #fff; font-size: 14px; text-align: center; font-family: Arial, Helvetica, sans-serif; } .site-footer .creds { max-width: 100%; } .menu-footer-container ul { text-align: center; margin-top: 10px; font-size: 13px; } .menu-footer-container li { display: inline; margin-right: 20px; font-family: Arial, Helvetica, sans-serif; } /* Promo Buttons ------------------------------------------------------------ */ a.pbtn { background: url("images/promo-button.png") no-repeat; display: block; color: #fff; margin: 10px auto; width: 180px; height: 52px; position: relative; padding: 10px 0 0 35px; font-size: 15px; font-family: 'Lato', sans-serif; line-height: 1.25em; } a.pbtn:hover { background: url("images/promo-hover.png") no-repeat; text-decoration: none; color: #fff; } a.pbtn span { font-size: 12px; } div.promo-button-horizontal { float: left; margin: 5px 3px 5px 0; } div.promo-button-horizontal span { font-size: 12px; } a.promo-button-vertical, a.promo-button-horizontal { color: #fff; text-decoration: none; line-height: 1.25 !important; } a:hover.promo-button-vertical, a:hover.promo-button-horizontal { background-color: #326881; } #promo-button-horizontal { width: 100%; overflow: auto; } #promo-button-horizontal .pbtn { float: left; margin-right: 5px; padding: 10px 0 0 30px; max-width: 27%; border-radius: 5px; } /* Custom Button */ #custom-button-wrapper { width: 270px; margin: 0 auto; } div.custom-button { border-radius: 5px; background: #639EB9 url("images/mini-arrow.png") no-repeat; background-position: left; padding:5px 5px 5px 10px; margin: 10px 0; color: #fff; text-align: center; } a.custom-button { font-family: 'Lato', sans-serif; color:#fff; text-decoration:none; line-height: 1.25; } div:hover.custom-button { background-color: #fe7625; text-decoration: none; } /* NEW Buttons */ .elrn, .cdeg { display: block; background: #639EB9 url("images/mini-arrow.png") no-repeat; background-position: left; padding:2px 0; margin: 10px auto; color:#fff; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } a.elrn, a.cdeg { font-family: 'Lato', sans-serif; color:#fff; text-decoration:none; line-height: 1.5; } a.elrn:hover, a.cdeg:hover { background-color: #fe7625; text-decoration: none; } /* Post Button */ a.post-button { border-radius: 5px; display: block; width: 230px; background: #639EB9 url("images/mini-arrow.png") no-repeat; background-position: left; padding: 5px 20px 5px 20px; margin: 10px auto; color:#fff; text-align: center; font-family: 'Lato', sans-serif; color:#fff; text-decoration:none; line-height: 1.2;} a:hover.post-button { background-color: #fe7625; text-decoration: none; } /* Degree Finder Sidebar -------------------------------------------*/ .sidebar-primary .degree-finder-wrapper .widget h4 { text-align:center !important; text-transform: uppercase; padding-left: 0; } .degree-finder { padding: 0 10px 10px 10px; } form.degree-finder label { color: #639EB9; text-transform: uppercase; font-family: 'Lato', sans-serif; font-size: 12px; font-size: 1.2rem; font-weight: bold; } form.degree-finder select { height: 25px; padding: 3px; background-color: #eeeeee; font-size: 13px; } .sidebar-primary .degree-finder-wrapper .degree, .sidebar-primary .degree-finder-wrapper .category, .sidebar-primary .degree-finder-wrapper .subject { margin-top: 5px; } form.degree-finder input[type="submit"] { width: 100%; text-align: center; font-family: 'Lato', sans-serif; font-size: 1em; font-weight: bold; color: #fff; background: #639EB9 url("images/mini-arrow.png") no-repeat; background-position: left; text-shadow: none; margin-top: 12px; } form.degree-finder input[type="submit"]:hover { background-color: #FE7625; color: #fff; text-shadow: none; } /* Degree Finder Bottom -------------------------------------------*/ #degree_finder_bottom h4{ font-size: 1.25em; text-align: center; background: #fe7625; color: #fff; padding: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; text-transform: uppercase; margin: 0; } #degree_finder_bottom .degree-finder { padding: 20px; text-align: center; } #degree_finder_bottom form.degree-finder select { width: 30%; float: left; background-color: #fff; margin-right: 10px; } #degree_finder_bottom form.degree-finder input[type="submit"] { width: 225px; text-align: center; font-family: 'Lato', sans-serif; font-size: 1em; font-weight: bold; color: #fff; background: #639EB9 url("images/mini-arrow.png") no-repeat; background-position: left; text-shadow: none; border-radius: 3px; } #degree_finder_bottom form.degree-finder input[type="submit"]:hover { background-color: #FE7625; color: #000; text-shadow: none; } .category #text-20, .archive #text-20 { display: none; } /* Infographic pages -------------------------------------------*/ #ig-wrap { width: 900px; margin: 0 auto; margin-bottom: 50px; position: relative; } #ig-wrap h3 { font-size: 24px; font-family: Arial, Helvetica, san-serif; text-align: center; } /* textarea for embed code ------------------------------------------------------------ */ .entry-content textarea { font-size: 13px; line-height: 1.25em; word-wrap: break-word; } #ig-wrap textarea { font-size: 13px; line-height: 1.25em; word-wrap: break-word; margin-left: 70px; } /* Responsive Design ------------------------------------------------------------ */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { } @media only screen and (max-width: 960px) { .wrap { width: 95%; } .site-inner .wrap { width: 100%; } .site-inner { width: 95%; background-image: none; } .title-area { width: 65%; } .title-area a {width: 100%; background-size: contain !important; } .site-header .widget-area { width: 35%; } p.site-description { display: none; } .site-header .search-form, .site-title { text-align: center; } .content-sidebar .content-sidebar-wrap, .full-width-content .content-sidebar-wrap, .sidebar-content .content-sidebar-wrap { padding: 20px } .content-sidebar .content, .sidebar-content .content { width: 65%; } .sidebar { width: 30%; } .search-form input[type="search"] { width: 70%; } .search-form input[type="submit"] { width: 10%; } a.pbtn span { font-size: 10px; padding-top: 8px; } .wpcf7 { max-width: 85% !important; } } @media only screen and (max-width: 937px) { #promo-button-horizontal .pbtn { max-width: 25%; font-size: 12px; } } @media only screen and (max-width: 815px){ .menu-primary li a { padding: 7px 12px 7px 12px; } } @media only screen and (max-width: 800px) { a.pbtn { max-width: 150px; border-radius: 5px; } } @media only screen and (max-width: 767px) { body { /* font-size: 14px; font-size: 1.4rem; */ } .content, .sidebar, .title-area { width: 100%; } .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float: none; } .title-area { margin-top: 20px; } .title-area a { width: 100%; background-position: center !important; } .site-header .widget-area { width: 100%; text-align: center; } .site-header .widget-area { margin: 10px 0 0 0; } .search-form input[type="search"] { width: 50%; } .menu-primary li { width: 100%; border-radius: 0; padding: 8px 0; text-align: center;} .menu-primary li::after { display: none; } .sidebar-content .content { float: none; } .content-sidebar-wrap { display:table; } .content {display:table-footer-group; float: none; padding: 0; } .sidebar {display:table-header-group; float: none; } .sidebar .widget_text, .sidebar .widget_categories, .sidebar .widget_nav_menu { display: none; } h1, h2.entry-title a { font-size: 22px; font-size: 2.2rem; } h2 { font-size: 20px; font-size: 2rem; } h3, .archive-title, .comments-title, .home-bottom .entry-title, .home-middle .entry-title { font-size: 20px; font-size: 2rem; } h4 { font-size: 20px; font-size: 2rem; } .content .home-featured h4.title2, .content .home-featured h4.welcome { font-size: 28px; font-size: 2.8rem; } .five-sixths, .four-sixths, .home-bottom-left, .home-bottom-right, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .responsive-menu { display: none; } #responsive-menu-icon { display: block; text-align: center; margin-bottom: 20px; } .entry-meta .entry-tags { clear: both; float: left; } #degree_finder_bottom form.degree-finder select { width: 100%; margin-bottom: 20px; } .cdeg[style], .elrn[style] { width: 75% !important; padding: 0 5px 0 15px; } #promo-button-horizontal .pbtn { display: none; } .content div[style] { width: 75% !important; padding: 0 5px 0 15px; margin: 0; } .wpcf7 { max-width: 75% !important; } .entry-content img { max-width: 50%; } img[class*="align"], img[class*="wp-image-"] { height: auto; } img.size-full { max-width: 50%; width: auto; } img.centered, .aligncenter { display: block; margin: 0 auto 10px; } img.alignnone { display: inline; margin: 0 0 10px; } img.alignleft { display: inline; margin: 6px 15px 10px 0; } img.alignright { display: inline; margin: 6px 0 10px 15px; } } @media only screen and (max-width: 372px { .home-featured img { display: none; } .content div[style] { width: 90% } .entry-content img { max-width: 25%; /* Fluid images for posts, comments, and widgets */ } }