/* Theme Name: UNAOC Reboot Theme URI: http://www.unaoc.org Description: A mobile responsive and HTML5 theme for the United Nations Alliance of Civilizations, built on the genesis framework Author: UNAOC Version: 2.1.1 Template: genesis Template Version: 2.1 License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* Table of Contents - Imports - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Gallery - Forms - Tables - Structure and Layout - Site Containers - Column Widths and Positions - Column Classes - Common Classes - Avatar - Genesis - Search Form - Titles - WordPress - Widgets - Featured Content - Plugins - Genesis eNews Extended - Genesis Responsive Slider - Gravity Forms - Jetpack - Site Header - Title Area - Widget Area - Site Navigation - Header Navigation - Primary Navigation - Secondary Navigation - Responsive Menu - Content Area - Home Page - Entries - Entry Meta - After Entry - Pagination - Comments - Sidebars - Footer Widgets - Site Footer - Theme Colors - Enterprise Pro Black - Enterprise Pro Green - Enterprise Pro Orange - Enterprise Pro Red - Enterprise Pro Teal - Media Queries - Retina Display - Max-width: 1139px - Max-width: 1023px - Max-width: 767px */ /* 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 ---------------------------------------------------------------------------------------------------- */ /* Baseline Normalize normalize.css v2.1.3 | MIT License | git.io/normalize --------------------------------------------- */ 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],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}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:700}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:-.5em}sub{bottom:-.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} /* Box Sizing --------------------------------------------- */ *, input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Float Clearing --------------------------------------------- */ .author-box:before, .clearfix:before, .entry:before, .entry-content:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before { content: " "; display: table; } .author-box:after, .clearfix:after, .entry:after, .entry-content:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after { clear: both; content: " "; display: table; } .site-container { margin: 0 auto; /* max-width: 1140px; this can ruin the responsive slider - try 1180 */ max-width: 1180px !important; /*-webkit-box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.5); box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.5);*/ } .home-top .wrap { max-width: 1180px !important; } /* Defaults ---------------------------------------------------------------------------------------------------- */ /* Typographical Elements --------------------------------------------- */ body { /*background-color: #fff; color: #333;*/ /* font-family: 'Lato', sans-serif; */ font-family: 'Roboto',Arial,Helvetica,sans-serif; color: #000; font-size: 14px; font-weight: 300; line-height: 1.625; /* background: -webkit-linear-gradient(top, white , #ccc); /* For Safari 5.1 to 6.0 */ /* background: -o-linear-gradient(top, white , #ccc); /* For Opera 11.1 to 12.0 */ /* background: -moz-linear-gradient(top, white , #ccc); /* For Firefox 3.6 to 15 */ /* background: linear-gradient(top, white , #ccc); /* Standard syntax */ /*background: #498bc8 url('/wp-content/uploads/background3.jpg') top center no-repeat; background-size: cover; background-attachment: fixed;*/ background: #fff; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } ::-moz-selection { background-color: #333; color: #fff; } ::selection { background-color: #333; color: #fff; } a { /*color: #31b2ed;*/ color:#498bc8; text-decoration: none; } a:hover { color: #333; } p { margin: 0 0 24px; padding: 0; } strong { font-weight: 700; } ol, ul { margin: 0; padding: 0; } li { list-style-type: none; } blockquote, blockquote::before { /*color: #999;*/ color:#000; } blockquote { margin: 40px; } blockquote::before { content: "\201C"; display: block; font-size: 30px; height: 0; left: -20px; position: relative; top: -10px; } cite { font-style: normal; } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #333; font-family: 'Titillium Web', sans-serif; font-weight: 700; line-height: 1.2; margin: 0 0 10px; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; } .featured-content img, .gallery img { width: auto; } /* Gallery --------------------------------------------- */ .gallery { overflow: hidden; margin-bottom: 28px; } .gallery-item { float: left; margin: 0; padding: 0 4px; text-align: center; width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left; } .gallery .gallery-item img { border: none; height: auto; } /* Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #ececec; border-radius: 3px; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.06); color: #aaa; font-size: 16px; font-weight: 400; padding: 16px; width: 100%; } input:focus, textarea:focus { border: 1px solid #999; outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-moz-placeholder { color: #666; opacity: 1; font-weight: 400; } ::-webkit-input-placeholder { color: #666; font-weight: 400; } button, input[type="button"], input[type="reset"], input[type="submit"], .button, .home-top .more-link { background-color: #31b2ed; border: none; border-radius: 3px; color: #fff; cursor: pointer; font-size: 16px; font-weight: 400; padding: 16px 24px; width: auto; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .home-top .more-link:hover { background-color: #333; color: #fff; } .entry-content .button:hover, .footer-widgets .button { color: #fff; } .button { display: inline-block; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; } tbody { border-bottom: 1px solid #ddd; } td, th { text-align: left; } td { border-top: 1px solid #ddd; padding: 6px 0; } th { font-weight: 700; text-transform: uppercase; } /* Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* Site Containers --------------------------------------------- */ .wrap { margin: 0 auto; max-width: 1140px; } .enterprise-pro-landing .wrap { max-width: 800px; } .site-inner { /*background-color: #f5f5f5; */ border-top: 1px solid #ececec; clear: both; padding-top: 40px; /*rgba(0,0,0,0.9) /* translucent*/ background-color: #f5f5f5; } /* Column Widths and Positions --------------------------------------------- */ /* Wrapping div for .content and .sidebar-primary */ .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 920px; } .content-sidebar-sidebar .content-sidebar-wrap { float: left; } .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { float: right; } /* Content */ .content { float: right; width: 740px; } .content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content { float: left; } .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 520px; } .full-width-content .content { width: 100%; } /* Primary Sidebar */ .sidebar-primary { float: right; width: 360px; } .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float: left; } /* Secondary Sidebar */ .sidebar-secondary { float: left; width: 180px; } .content-sidebar-sidebar .sidebar-secondary { float: right; } /* Column Classes Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css --------------------------------------------- */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; } .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 31.623931623931625%; } .four-sixths, .two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } /* Common Classes ---------------------------------------------------------------------------------------------------- */ /* Avatar --------------------------------------------- */ .avatar { float: left; } .alignleft .avatar, .author-box .avatar { margin-right: 24px; } .alignright .avatar { margin-left: 24px; } .comment .avatar { margin: 0 16px 24px 0; } /* Genesis --------------------------------------------- */ .breadcrumb { /*margin-bottom: 20px;*/ margin-bottom:0; text-align:right; font-size: 12px; /*background-color: #f5f5f5; border-top: 1px solid #ececec;*/ background-color: #ececec; padding:10px 20px; color: #000; } @media screen and (max-width: 780px) { .breadcrumb {text-align:center; } } .archive-description, .author-box { background-color: #fff; border: 1px solid #ececec; box-shadow: 0 1px #ececec; margin-bottom: 40px; padding: 40px; } .author-box-title { color: #333; font-family: 'Lato', sans-serif; font-size: 16px; margin-bottom: 4px; } .archive-description p:last-child, .author-box p:last-child { margin-bottom: 0; } /* Search Form --------------------------------------------- */ .search-form { overflow: hidden; } .site-header .search-form { float: right; margin-top: 8px; } .entry-content .search-form, .site-header .search-form { width: 50%; } .genesis-nav-menu .search input[type="submit"], .widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } /* Titles --------------------------------------------- */ .archive-title { font-size: 20px; } .entry-title { font-size: 30px; margin: 0; } .entry-title a, .sidebar .widget-title a { color: #333; } .entry-title a:hover { color: #31b2ed; } .widget-title, .footer-widgets .featured-content .widget-title { border-bottom: 1px solid #ececec; font-size: 16px; margin: 0 0 20px; padding: 0 0 20px; } .home-bottom .widget-title, .sidebar .widget-title { margin: -40px -40px 40px; padding: 30px 40px; } /* WordPress --------------------------------------------- */ .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } a.alignnone { display: inline-block; } a.aligncenter img { display: block; margin: 0 auto; } img.centered, .aligncenter { display: block; margin: 0 auto 24px; } img.alignnone, .alignnone { margin-bottom: 12px; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 24px 12px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 12px 24px; } .wp-caption-text { font-weight: 700; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } .gallery-caption { margin: 0 0 10px; } /* Widgets ---------------------------------------------------------------------------------------------------- */ .widget { word-wrap: break-word; margin-bottom: 40px; } .widget li { border-bottom: 1px dotted #ececec; margin-bottom: 10px; padding-bottom: 10px; } .widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; } .widget li li { border: none; margin: 0 0 0 30px; padding: 0; } .widget ul > li:last-child, .widget p:last-child { margin-bottom: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* Featured Content --------------------------------------------- */ .after-entry .widget.featured-content, .featured-content, .home-bottom .widget.featured-content, .sidebar .widget.featured-content { border-bottom-width: 0; padding: 0; } .after-entry .featured-content .widget-title, .featured-content .widget-title { margin: 0; padding: 30px 40px; } .featured-content .entry { background: none; border: none; /*border-bottom: 1px solid #ececec;*/ box-shadow: none; margin: 0; padding: 0; } .featured-content .entry-header { border-bottom: 1px solid #ececec; margin: 0; padding: 30px 40px; } .featured-content .entry-title { font-size: 20px; margin: 0; } .featured-content .entry-content { padding: 40px; } .featured-content .alignnone { background: #f8f8f8; border-bottom: 1px solid #ececec; margin-bottom: 0; } .featured-content img { margin-bottom: -7px; } .featured-content .more-link { display: block; font-weight: 700; margin-top: 20px; } .featured-content .more-from-category, .featured-content ul { /*border-bottom: 1px solid #ececec;*/ margin: 0; /*padding: 40px;*/ padding: 40px 40px 20px; } .featured-content .more-from-category { text-align:right; padding-top: 20px; } .featured-content .more-from-category a:after { content : ' \f101'; font-family: FontAwesome; } .footer-widgets .featured-content .alignnone { margin-bottom: 24px; } .footer-widgets .featured-content .entry { background: none; border: none; margin-bottom: 30px; } .footer-widgets .featured-content .entry-header, .footer-widgets .featured-content .more-from-category, .footer-widgets .featured-content ul { border: none; padding: 0 0 10px; } .footer-widgets .featured-content .entry-content { padding: 0; } /* Plugins ---------------------------------------------------------------------------------------------------- */ /* Genesis eNews Extended --------------------------------------------- */ .enews-widget input { margin-bottom: 16px; } .enews-widget input[type="submit"] { margin: 0; width: 100%; } .enews form + p { margin-top: 24px; } /* Genesis Responsive Slider --------------------------------------------- */ .home-top .genesis_responsive_slider { margin: 0; } .site-container #genesis-responsive-slider { border-width: 0; padding: 0; } .site-container #genesis-responsive-slider .flex-control-nav { margin-top: -40px; } .site-container #genesis-responsive-slider .more-link { float: none; text-align: center; } .site-container #genesis-responsive-slider li { border-width: 0; margin: 0; padding: 0; text-indent: 0; } .genesis_responsive_slider h2 { font-size: 22px !important; /* text-shadow: 1px 1px 1px #000;*/ cursor:hand; } /* .genesis_responsive_slider h2 a:link {color:#b5dafd !important;} .genesis_responsive_slider h2 a:hover {color:#fff !important;} */ .genesis_responsive_slider h2 a {color:#fff !important;} .genesis_responsive_slider h2 a:hover {color:#b5dafd !important;} .flex-direction-nav li .next { background-position: -52px 0; right: -30px !important; } .flex-direction-nav li .prev { left: -30px !important; } .slide-excerpt { background-color:rgba(0, 0, 0, 0.5) !important; opacity:1 !important; } .slide-excerpt p { color: #fff; font-size: 14px; } html > body .slide-excerpt-border { border: 1px solid #444 !important; } .site-container #genesis-responsive-slider .more-link { padding: 2px 15px !important; float:right; } @media (max-width: 900px) { .slide-excerpt, html > body .slide-excerpt-border { display: none !important; } .home-top .wrap {padding: 0 !important;} .flex-control-nav, .flex-direction-nav {display:none !important;} } /* Gravity Forms --------------------------------------------- */ div.gform_wrapper input[type="email"], div.gform_wrapper input[type="text"], div.gform_wrapper textarea, div.gform_wrapper .ginput_complex label { font-size: 16px; padding: 16px; } div.gform_wrapper .ginput_complex label { padding: 0; } div.gform_wrapper li, div.gform_wrapper form li { margin: 16px 0 0; } /* Jetpack --------------------------------------------- */ #wpstats { display: none; } /* Site Header ---------------------------------------------------------------------------------------------------- */ .site-header { background-color: #fff; min-height: 150px; } .site-header .wrap { /*padding: 40px 0; padding: 25px 0 15px;*/ padding: 30px 0; } /* Title Area --------------------------------------------- */ .title-area { float: left; padding: 0 0 4px; width: 320px; } .header-full-width .title-area { width: 100%; } .site-title { font-family: 'Titillium Web', sans-serif; font-size: 36px; font-weight: 700; line-height: 1.2; } .site-title a, .site-title a:hover { color: #31b2ed; } .header-image .site-title > a { background-position: top !important; float: left; min-height: 80px; width: 100%; } .site-description { color: #aaa; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 300; letter-spacing: 1px; line-height: 1.5; text-transform: uppercase; } .site-description, .site-title { margin-bottom: 0; } .header-image .site-description, .header-image .site-title { display: block; text-indent: -9999px; } /* Widget Area --------------------------------------------- */ .site-header .widget-area { float: right; text-align: right; /*width: 720px;*/ width:400px; } .site-header .widget-area .widget { margin-bottom: 0; } .site-header .genesis-nav-menu li { border: none; margin: 0; padding: 0; } /* Site Navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; font-family: 'Titillium Web', sans-serif; font-size: 14px; line-height: 1.5; width: 100%; background-color:#498bc8; } .genesis-nav-menu a { color: #333; } .genesis-nav-menu .menu-item { display: inline-block; text-align: left; } .genesis-nav-menu a { display: block; padding: 20px 24px; } .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:hover { /*color: #31b2ed;*/ color:#bdddfd; background-color:#407cb3 !important; } .genesis-nav-menu .sub-menu { border-top: 1px solid #5496d3 !important; left: -9999px; opacity: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 200px; z-index: 99; background-color:#498bc8 !important; } .genesis-nav-menu .sub-menu a { /*background-color: #f8f8f8;*/ background-color:#498bc8 !important; border: 1px solid #498bc8 !important; border-bottom: 1px solid #5496d3 !important; border-top: none; color: #333; /*font-size: 12px;*/ padding: 16px 24px; position: relative; width: 200px; } .genesis-nav-menu .sub-menu .sub-menu { margin: -53px 0 0 199px; /* adjusted 1 pixel up*/ } .genesis-nav-menu .sub-menu .sub-menu a { border-left: 1px solid #5496d3 !important; /*background-color:#4f96d8 !important; /* lighter shade of the parent submenu*/ } .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .genesis-nav-menu > .first > a { padding-left: 0; } .genesis-nav-menu > .last > a { padding-right: 0; } .genesis-nav-menu > .right { float: right; list-style-type: none; padding: 0; } .genesis-nav-menu > .date, .genesis-nav-menu > .right > a { display: inline-block; padding: 20px 24px; } .genesis-nav-menu > .search { padding: 8px 0 0; } .genesis-nav-menu > .search input { font-size: 12px; padding: 12px 20px; } /* Site Header Navigation --------------------------------------------- */ .site-header .widget_nav_menu { color: #333; } .site-header .genesis-nav-menu li li { margin-left: 0; } /* Primary Navigation --------------------------------------------- */ .nav-primary { background-color: #498bc8; } .nav-primary, .nav-primary a { color: #fff; } .nav-primary .sub-menu { border-color: #222; } .nav-primary .sub-menu a { background-color: #333; border-color: #222; color: #fff; } /* Secondary Navigation --------------------------------------------- */ .nav-secondary { text-transform: none; letter-spacing: 0; margin-bottom: 20px; } .nav-secondary .genesis-nav-menu a { padding: 6px 20px; } .site-footer .nav-secondary .genesis-nav-menu a { color: #aaa; } .nav-secondary .genesis-nav-menu a:hover { color: #31b2ed; } /* Responsive Menu --------------------------------------------- */ .responsive-menu-icon { cursor: pointer; display: none; } .responsive-menu-icon::before { content: "\f333"; display: block; font: normal 20px/1 'dashicons'; margin: 0 auto; padding: 10px; text-align: center; } .site-header .responsive-menu-icon::before { padding: 0; } /* Content Area ---------------------------------------------------------------------------------------------------- */ /* Home Page --------------------------------------------- */ .home-top { border-top: 1px solid #ececec; } .home-top .widget:first-child h4 { padding-top: 20px; } .home-top .entry { background: none; } .home-top .featured-content a.alignleft, .home-top .featured-content a.alignnone, .home-top .featured-content a.alignright { margin-bottom: 0; } .home-top a.alignleft, .home-top a.alignright { width: 66%; } .home-top .featured-content, .home-top .featured-content .entry { border: none; margin-bottom: 0; padding-bottom: 0; } .home-top .featured-content .entry-header { border: none; padding: 10% 40px 0; } .home-top .featured-content .entry-title { font-size: 30px; } .home-top .featured-content .entry-content { padding: 0 40px; } .home-top .more-link { display: table; text-align: center; } /* Home-Bottom*/ .home-bottom .widget { background-color: #fff; border-radius: 3px; border: 1px solid #ececec; box-shadow: 0 1px #ececec; float: left; margin-left: 2.564102564102564%; padding: 40px; width: 31.623931623931625%; /* additional */ /* min-height: 610px;*/ min-height: 620px; } .home-bottom .widget:nth-child(3n+1) { clear: both; margin-left: 0; } .home-bottom .widget-title { background: #4c8cc6; color:#fff; padding: 20px 40px; } .home-bottom .widget ol.vcalendar {font-weight:normal !important;} .home-bottom .widget ol.vcalendar h4 { font-size: 14px !important; font-family: 'Roboto',Arial,Helvetica,sans-serif; font-weight: 300 !important; } .widget ol.vcalendar > li { text-indent: 0 !important; padding-left:0; } .widget ol.vcalendar > li > h4 > a { color: #498bc8 !important; } .widget ol.vcalendar > li > h4 > a:hover { color: #000 !important; } .tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, ul.tribe-events-sub-nav a { font-weight: 300 !important; text-align:right !important; font-size: 14px !important; } li.tribe-events-list-widget-events {line-height: 220% !important;} .tribe-events-widget-link {text-align:right !important; } .tribe-events-widget-link a:after { content : ' \f101'; font-family: FontAwesome; } .tribe-events-list-widget .duration { font-weight: 300 !important; font-size: 12px;} .tribe-events-list-widget .duration:before{ content : ' \f073'; font-family: FontAwesome; padding-right: 5px; } .tribe-events-list-widget ol li {margin-bottom: 20px !important;} /* Home Intro */ .home-intro { /* background: #498bc8; color:#fff; */ padding-top:25px; padding-bottom:20px; background:#fff; } .home-intro .widget {margin-bottom:0;} .home-intro h3 { font-size: 17px !important; /* text-shadow: 1px 1px 1px #1d568c; color:#fff !important;*/ text-align:center; letter-spacing:0.02em; color: #498bc8 !important; /*font-family: Georgia; font-style: italic;*/ font-weight: normal !important; } .home-projects {padding-bottom:20px; background: #fff;} .home-projects a img { border: 1px solid #ededed; padding:2px; } .home-projects a:hover img { border-color:#498bc8; background:#60a3e2; } @media only screen and (max-width: 770px) { .home-projects img {display:block; text-align:center !important; margin: 0 auto !important;} } @media only screen and (max-width: 400px) { .home-projects img {width:100%;} } /* Entries --------------------------------------------- */ .entry { background-color: #fff; border: 1px solid #ececec; box-shadow: 0 1px #ececec; padding: 40px; margin-bottom: 40px; } .entry-header { border-bottom: 1px solid #ececec; margin: -40px -40px 40px; padding: 40px; } .entry-content ol, .entry-content p, .entry-content ul { margin-bottom: 26px; } .entry-content ol, .entry-content ul { margin-left: 40px; } .entry-content ol > li { list-style-type: decimal; } .entry-content ul > li { list-style-type: disc; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content code { background-color: #333; color: #ddd; } /* Entry Meta --------------------------------------------- */ p.entry-meta { /*color: #aaa; */ color: #333; font-size: 13px; margin-bottom: 0; } .entry-meta a { font-weight: 300; text-shadow: #fff 1px 1px 1px; } .entry-header .entry-meta { margin: 10px 0 0; } .entry-footer { margin-top: 22px; } .entry-footer .entry-meta { border-top: 1px solid #ececec; margin: 0 -40px; padding: 40px 40px 0; } .entry-tags { float: right; } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; } /* After Entry --------------------------------------------- */ .after-entry { background-color: #fff; border: 1px solid #ececec; box-shadow: 0 1px #ececec; margin-bottom: 40px; } .after-entry .widget { margin: 0; padding: 40px; } .after-entry .widget-title { border-top: 1px solid #ececec; margin: -40px -40px 30px; padding: 30px 40px; } .after-entry .widget:first-child .widget-title { border-top: 0; } .after-entry .featured-content .entry:last-of-type, .after-entry .featured-content .more-from-category { border-bottom: none; } .after-entry .featured-content .more-from-category { padding: 20px 40px; } .after-entry li { list-style-type: none; } /* Pagination --------------------------------------------- */ .pagination { margin: 40px 0; } .adjacent-entry-pagination { margin-bottom: 0; } .archive-pagination li { display: inline; } .archive-pagination li a { background-color: #fff; border: 1px solid #ececec; box-shadow: 0 1px #ececec; color: #333; cursor: pointer; display: inline-block; padding: 8px 12px; } .archive-pagination li a:hover, .archive-pagination .active a { background-color: #31b2ed; color: #fff; } .entry-pagination.pagination { margin: 0 0 10px; } /* Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { background-color: #fff; border: 1px solid #ececec; box-shadow: 0 1px #ececec; margin-bottom: 40px; } .comment-respond { padding: 40px 40px 16px; } .comment-respond h3 { border-bottom: 1px solid #ececec; margin: -40px -40px 40px; padding: 30px 40px; } .entry-comments { border-bottom-width: 0; } .entry-comments h3, .entry-pings h3 { border-bottom: 1px solid #ececec; margin: 0; padding: 30px 40px; } .comment-list li.depth-1 { border-bottom: 1px solid #ececec; padding-bottom: 40px; } .comment-content { clear: both; } .comment-list li { padding: 40px 40px 0; } .comment-list li li { padding-right: 0; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50%; } .comment-respond label { display: block; margin-right: 12px; } .entry-comments .comment-author, .entry-comments .comment-author a { color: #333; font-family: 'Titillium Web', sans-serif; font-weight: 700; margin-bottom: 0; } .comment-meta, .comment-meta a { color: #aaa; font-size: 14px; } .entry-comments .comment-author a:hover, .comment-meta a:hover { color: #31b2ed; } .ping-list li { padding: 40px 40px 16px; } .entry-pings .reply { display: none; } .comment-reply-link { font-family: 'Titillium Web', sans-serif; font-weight: 700; } .form-allowed-tags { background-color: #f5f5f5; padding: 24px; } /* Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar .widget { background-color: #fff; border: 1px solid #ececec; box-shadow: 0 1px #ececec; padding: 40px; } /* Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { background-color: #fff; border-top: 1px solid #ececec; clear: both; padding-top: 40px; /*background-color:#000; color:#fff;*/ } /*.footer-widgets .widget-title { color:#fff; border-bottom: 1px solid #333; }*/ .footer-widgets input { border: 1px solid #333; } .footer-widgets li { border-bottom: 1px dotted #ececec; /*border-bottom: 1px dotted #333;*/ margin-bottom: 10px; padding-bottom: 10px; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { width: 340px; } .footer-widgets-1 { margin-right: 60px; } .footer-widgets-1, .footer-widgets-2 { float: left; } .footer-widgets-3 { float: right; } /* Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { /*background-color: #fff;*/ background-color:#498bc8; /*border-top: 1px solid #ececec;*/ border-top: 1px solid #407cb3; /*color: #aaa;*/ color:#fff; font-size: 12px; letter-spacing: 1px; padding: 40px 0; text-align: center; text-transform: uppercase; } .site-footer a { /*color: #aaa;*/ color: #f8f8f8; border-bottom: 1px dotted #ccc; } .site-footer a:hover { color: #31b2ed; } .site-footer p { margin-bottom: 0; } /* Theme Colors ---------------------------------------------------------------------------------------------------- */ /* Enterprise Pro Black --------------------------------------------- */ .enterprise-pro-black .comment-meta a, .enterprise-pro-black .genesis-nav-menu .current-menu-item > a, .enterprise-pro-black .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .enterprise-pro-black .genesis-nav-menu .sub-menu a:hover, .enterprise-pro-black .genesis-nav-menu a:hover, .enterprise-pro-black .site-footer a, .enterprise-pro-black a:hover { color: #aaa; } .enterprise-pro-black .comment-meta a:hover, .enterprise-pro-black .entry-comments .comment-author a, .enterprise-pro-black .entry-title a, .enterprise-pro-black .genesis-nav-menu a, .enterprise-pro-black .sidebar .widget-title a, .enterprise-pro-black .site-footer a:hover, .enterprise-pro-black .site-title a, .enterprise-pro-black .site-title a:hover, .enterprise-pro-black a { color: #333; } .enterprise-pro-black .nav-primary a { color: #fff; } .enterprise-pro-black .archive-pagination .active a, .enterprise-pro-black .archive-pagination li a:hover, .enterprise-pro-black .button, .enterprise-pro-black .home-top .more-link, .enterprise-pro-black button, .enterprise-pro-black input[type="button"], .enterprise-pro-black input[type="reset"], .enterprise-pro-black input[type="submit"] { background-color: #333; color: #fff; } .enterprise-pro-black .button:hover, .enterprise-pro-black .home-top .more-link:hover, .enterprise-pro-black button:hover, .enterprise-pro-black input:hover[type="button"], .enterprise-pro-black input:hover[type="reset"], .enterprise-pro-black input:hover[type="submit"] { background-color: #aaa; color: #fff; } /* Enterprise Pro Green --------------------------------------------- */ .enterprise-pro-green .comment-meta a:hover, .enterprise-pro-green .entry-comments .comment-author a:hover, .enterprise-pro-green .entry-title a:hover, .enterprise-pro-green .genesis-nav-menu .current-menu-item > a, .enterprise-pro-green .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .enterprise-pro-green .genesis-nav-menu .sub-menu a:hover, .enterprise-pro-green .genesis-nav-menu a:hover, .enterprise-pro-green .site-footer a:hover, .enterprise-pro-green .site-title a, .enterprise-pro-green .site-title a:hover, .enterprise-pro-green a { color: #2bc876; } .enterprise-pro-green .comment-meta a, .enterprise-pro-green .site-footer a { color: #aaa; } .enterprise-pro-green .entry-comments .comment-author a, .enterprise-pro-green .entry-title a, .enterprise-pro-green .genesis-nav-menu a, .enterprise-pro-green .sidebar .widget-title a, .enterprise-pro-green a:hover { color: #333; } .enterprise-pro-green .nav-primary a { color: #fff; } .enterprise-pro-green .archive-pagination .active a, .enterprise-pro-green .archive-pagination li a:hover, .enterprise-pro-green .button, .enterprise-pro-green .home-top .more-link, .enterprise-pro-green button, .enterprise-pro-green input[type="button"], .enterprise-pro-green input[type="reset"], .enterprise-pro-green input[type="submit"] { background-color: #2bc876; color: #fff; } .enterprise-pro-green .button:hover, .enterprise-pro-green .home-top .more-link:hover, .enterprise-pro-green button:hover, .enterprise-pro-green input:hover[type="button"], .enterprise-pro-green input:hover[type="reset"], .enterprise-pro-green input:hover[type="submit"] { background-color: #333; color: #fff; } /* Enterprise Pro Orange --------------------------------------------- */ .enterprise-pro-orange .comment-meta a:hover, .enterprise-pro-orange .entry-comments .comment-author a:hover, .enterprise-pro-orange .entry-title a:hover, .enterprise-pro-orange .genesis-nav-menu .current-menu-item > a, .enterprise-pro-orange .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .enterprise-pro-orange .genesis-nav-menu .sub-menu a:hover, .enterprise-pro-orange .genesis-nav-menu a:hover, .enterprise-pro-orange .site-footer a:hover, .enterprise-pro-orange .site-title a, .enterprise-pro-orange .site-title a:hover, .enterprise-pro-orange a { color: #ff6f00; } .enterprise-pro-orange .comment-meta a, .enterprise-pro-orange .site-footer a { color: #aaa; } .enterprise-pro-orange .entry-comments .comment-author a, .enterprise-pro-orange .entry-title a, .enterprise-pro-orange .genesis-nav-menu a, .enterprise-pro-orange .sidebar .widget-title a, .enterprise-pro-orange a:hover { color: #333; } .enterprise-pro-orange .nav-primary a { color: #fff; } .enterprise-pro-orange .archive-pagination .active a, .enterprise-pro-orange .archive-pagination li a:hover, .enterprise-pro-orange .button, .enterprise-pro-orange .home-top .more-link, .enterprise-pro-orange button, .enterprise-pro-orange input[type="button"], .enterprise-pro-orange input[type="reset"], .enterprise-pro-orange input[type="submit"] { background-color: #ff6f00; color: #fff; } .enterprise-pro-orange .button:hover, .enterprise-pro-orange .home-top .more-link:hover, .enterprise-pro-orange button:hover, .enterprise-pro-orange input:hover[type="button"], .enterprise-pro-orange input:hover[type="reset"], .enterprise-pro-orange input:hover[type="submit"] { background-color: #333; color: #fff; } /* Enterprise Pro Red --------------------------------------------- */ .enterprise-pro-red .comment-meta a:hover, .enterprise-pro-red .entry-comments .comment-author a:hover, .enterprise-pro-red .entry-title a:hover, .enterprise-pro-red .genesis-nav-menu .current-menu-item > a, .enterprise-pro-red .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .enterprise-pro-red .genesis-nav-menu .sub-menu a:hover, .enterprise-pro-red .genesis-nav-menu a:hover, .enterprise-pro-red .site-footer a:hover, .enterprise-pro-red .site-title a, .enterprise-pro-red .site-title a:hover, .enterprise-pro-red a { color: #ff473a; } .enterprise-pro-red .comment-meta a, .enterprise-pro-red .site-footer a { color: #aaa; } .enterprise-pro-red .entry-comments .comment-author a, .enterprise-pro-red .entry-title a, .enterprise-pro-red .genesis-nav-menu a, .enterprise-pro-red .sidebar .widget-title a, .enterprise-pro-red a:hover { color: #333; } .enterprise-pro-red .nav-primary a { color: #fff; } .enterprise-pro-red .archive-pagination .active a, .enterprise-pro-red .archive-pagination li a:hover, .enterprise-pro-red .button, .enterprise-pro-red .home-top .more-link, .enterprise-pro-red button, .enterprise-pro-red input[type="button"], .enterprise-pro-red input[type="reset"], .enterprise-pro-red input[type="submit"] { background-color: #ff473a; color: #fff; } .enterprise-pro-red .button:hover, .enterprise-pro-red .home-top .more-link:hover, .enterprise-pro-red button:hover, .enterprise-pro-red input:hover[type="button"], .enterprise-pro-red input:hover[type="reset"], .enterprise-pro-red input:hover[type="submit"] { background-color: #333; color: #fff; } /* Enterprise Pro Teal --------------------------------------------- */ .enterprise-pro-teal .comment-meta a:hover, .enterprise-pro-teal .entry-comments .comment-author a:hover, .enterprise-pro-teal .entry-title a:hover, .enterprise-pro-teal .genesis-nav-menu .current-menu-item > a, .enterprise-pro-teal .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .enterprise-pro-teal .genesis-nav-menu .sub-menu a:hover, .enterprise-pro-teal .genesis-nav-menu a:hover, .enterprise-pro-teal .site-footer a:hover, .enterprise-pro-teal .site-title a, .enterprise-pro-teal .site-title a:hover, .enterprise-pro-teal a { color: #34bfba; } .enterprise-pro-teal .comment-meta a, .enterprise-pro-teal .site-footer a { color: #aaa; } .enterprise-pro-teal .entry-comments .comment-author a, .enterprise-pro-teal .entry-title a, .enterprise-pro-teal .genesis-nav-menu a, .enterprise-pro-teal .sidebar .widget-title a, .enterprise-pro-teal a:hover { color: #333; } .enterprise-pro-teal .nav-primary a { color: #fff; } .enterprise-pro-teal .archive-pagination .active a, .enterprise-pro-teal .archive-pagination li a:hover, .enterprise-pro-teal .button, .enterprise-pro-teal .home-top .more-link, .enterprise-pro-teal button, .enterprise-pro-teal input[type="button"], .enterprise-pro-teal input[type="reset"], .enterprise-pro-teal input[type="submit"] { background-color: #34bfba; color: #fff; } .enterprise-pro-teal .button:hover, .enterprise-pro-teal .home-top .more-link:hover, .enterprise-pro-teal button:hover, .enterprise-pro-teal input:hover[type="button"], .enterprise-pro-teal input:hover[type="reset"], .enterprise-pro-teal input:hover[type="submit"] { background-color: #333; color: #fff; } /* Media Queries ---------------------------------------------------------------------------------------------------- */ @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: 1139px) { .wrap { max-width: 960px; } .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 740px; } .content { width: 620px; } .site-header .widget-area { width: 600px; } .sidebar-content-sidebar .content, .sidebar-sidebar-content .content, .content-sidebar-sidebar .content { width: 400px; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar-primary { width: 300px; } .footer-widgets-1 { margin-right: 30px; } } @media only screen and (max-width: 1023px) { .wrap { /*max-width: 768px;*/ max-width: 900px; } .home-top .wrap { max-width: 750px; } .content, .content-sidebar-sidebar .content, .content-sidebar-sidebar .content-sidebar-wrap, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar-content-sidebar .content, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-primary, .sidebar-secondary, .sidebar-sidebar-content .content, .sidebar-sidebar-content .content-sidebar-wrap, .site-header .widget-area, .title-area { width: 100%; } .site-header .wrap { padding: 20px 5%; } .genesis-nav-menu li, .site-header ul.genesis-nav-menu, .site-header .search-form { float: none; } .genesis-nav-menu, .site-description, .site-header .search-form, .site-header .title-area, .site-header .widget-area, .site-title { text-align: center; } .site-header .search-form { margin: 16px auto; } .genesis-nav-menu li.right { display: none; } .footer-widgets-1 { margin-right: 0; } .featured-content .alignnone { display: block; text-align: center; } .home-top a.alignleft, .home-top a.alignright { width: 100%; } .home-top .featured-content .entry-header { clear: both; padding: 40px 40px 0; } .home-top .featured-content .entry-content { padding: 0 40px 40px; } .mega-menu-toggle {padding-top:10px;} .home-bottom .widget {width:100%; margin: 0 auto 8px; min-height:100px;} /* for better ipad view */ } @media only screen and (max-width: 768px) { .wrap { padding-left: 5%; padding-right: 5%; } .archive-pagination li a { margin-bottom: 4px; } .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .home-top .more-link { display: block; } .home-bottom .widget { margin: 0 0 40px; width: 100%; } .header-image .site-title a { background-size: contain !important; } .genesis-nav-menu.responsive-menu, .genesis-nav-menu.responsive-menu > .menu-item > .sub-menu { display: none; } .genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon { display: block; } .genesis-nav-menu.responsive-menu .menu-item:hover { position: static; } .genesis-nav-menu.responsive-menu li a, .genesis-nav-menu.responsive-menu li a:hover { background: none; border: none; display: block; line-height: 1; padding: 16px 20px; text-transform: none; } .genesis-nav-menu.responsive-menu .menu-item-has-children { cursor: pointer; } .genesis-nav-menu.responsive-menu .menu-item-has-children > a { margin-right: 60px; } .genesis-nav-menu.responsive-menu > .menu-item-has-children:before { content: "\f347"; float: right; font: normal 16px/1 'dashicons'; height: 16px; padding: 15px 20px; right: 0; text-align: right; z-index: 9999; } .genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before { content: "\f343"; } .genesis-nav-menu.responsive-menu .sub-menu { background-color: rgba(0, 0, 0, 0.05); border: none; left: auto; opacity: 1; position: relative; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 100%; z-index: 99; } .genesis-nav-menu.responsive-menu .sub-menu li a, .genesis-nav-menu.responsive-menu .sub-menu li a:hover { padding: 12px 20px; position: relative; text-transform: none; width: 100%; } .nav-primary .genesis-nav-menu.responsive-menu { padding-bottom: 16px; } .nav-primary .genesis-nav-menu.responsive-menu .sub-menu { background-color: rgba(0, 0, 0, 0.07); } .genesis-nav-menu.responsive-menu .sub-menu .sub-menu, .nav-primary .genesis-nav-menu.responsive-menu .sub-menu .sub-menu { background-color: transparent; margin: 0; padding-left: 25px; } .home-projects .widget .one-sixth {width:33%;} /* home page projects */ } @media only screen and (max-width: 500px) { /* home page projects */ .home-projects .widget .one-sixth {width:50%;} .entry .entry-title {font-size: 20px;} } /* Social Media Icons in Header */ @media only screen and (max-width: 1000px) { .site-header {width:100%; text-align:center !important; padding-top:0;} .site-header .wrap {padding-top:0;} .site-header .site-logo { margin-top:20px;} .header-widget-area h4.widget-title {margin-top:0;} } .header-widget-area h4.widget-title { padding:0 !important; border-bottom: 0 !important; letter-spacing:0.02em !important; color: #333 !important; margin:0; margin-top:10px; } .header-widget-area a img { padding: 2px; border: 1px solid #fff; } .header-widget-area a:hover img { border: 1px solid #ccc; opacity: .7; } .header-widget-area h3 { margin-top:-5px; padding-top:0; } .header-widget-area h3 a { font-size: 14px !important; /*background:#1b3769; border: 1px solid #173161;*/ color:#fff; text-align:center; /*padding:5px 62px; */ padding: 6px 83px; background:#74b74a; border: 1px solid #74b74a; -moz-border-radius: 4px; border-radius: 4px; } .header-widget-area h3 a:hover { background:#498bc8; border-color:#498bc8; } /* Next Gen Gallery NGG */ .ngg-imagebrowser h3 {display:none;} ul.ngg-breadcrumbs {display:block;margin-left:0; margin-top:-20px;} .page-id-8498 .entry-content {padding-top:0;} .page-id-8498 .entry-header {margin-bottom:0; border-bottom:none; padding-bottom:20px;} .page-id-8498 .breadcrumb {display:none;} .ngg-imagebrowser-desc {margin-top:40px;} .ngg-album-compactbox .Thumb { /*width: 91px; height: 86px;*/ width:120px; heigh: 113px; } .ngg-albumoverview { margin: 0 auto; text-align:center; } p.ngg-album-gallery-image-counter {margin-bottom:20px !important;} .ngg-album-compact h4 .ngg-album-desc {overflow:visible; height:100px;} .ngg-album { /* complex view */ width: 48%; float:left; margin-right:1%; margin-left:1%; min-height:190px; } .ngg-albumtitle { font-size: 16px !important; font-family: 'Titillium Web', sans-serif; } @media screen and (max-width: 700px) { .ngg-album {width:100%; margin-left:0;margin-right:0;} } /* Jetpack sharing */ #content div.sharedaddy, #main div.sharedaddy, div.sharedaddy { border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; margin-top:50px; padding-top:10px; margin-bottom:40px; } div.sharedaddy h3.sd-title:before {border:none !important;} div.sharedaddy h3.sd-title {float:left !important; margin-top:-8px !important; margin-right:20px !important; font-size:13px !important;} /* Mega Menu */ #mega-menu-primary { font-family: 'Titillium Web', sans-serif !important; } /* Toggle Search Form */ #mega-menu-primary > .search { padding:8px 0 0!important } #mega-menu-primary > .right { float:right!important; list-style-type:none } #mega-menu-wrap-primary { font-family:"Titillium Web",sans-serif; font-size:14px; line-height:1.5em; height:62px!important } #mega-menu-primary .search input[type="submit"] { border:0; clip:rect(0,0,0,0); height:1px; margin:-1px; padding:0; position:absolute; width:1px } .site-header .search-form,.search-form input[type="search"] { /* position: absolute; right: 200px; top: 200px;*/ } .site-header .search-field,.search-form input[type="search"] { background-color:transparent; background-image:url(/wp-content/uploads/search.png); background-position:3px center; background-repeat:no-repeat; /*background-size: 24px 24px; */ background-size:30px 30px; border:none!important; cursor:pointer; height:37px; margin:3px 0; padding:0 0 0 34px; position:relative; -webkit-transition:width 400ms ease,background 400ms ease; transition:width 400ms ease,background 400ms ease; width:0; color:#333!important; font-size: 13px !important; box-shadow: none !important; } .site-header .search-field:focus,.search-form input[type="search"]:focus { background-color:#fff; border:1px solid #000; cursor:text; outline:0; width:200px; padding-left:40px } .search-form .search-submit { display:none } .error404 .entry-content .search-form input[type="search"] { background-color: #f2f2f2; background-image: url(/wp-content/uploads/search.png); background-position: 3px center; background-repeat: no-repeat; background-size: 24px 24px; background-size: 30px 30px; border: none !important; cursor: pointer; height: 38px; margin: 0px 0px 0px 0; padding: 0 0 0 44px; position: relative; -webkit-transition: width 400ms ease,background 400ms ease; transition: width 400ms ease,background 400ms ease; width: 80%; color: #333!important; font-size: 14px !important; } .error404 .entry-content input[type="submit"] { background-color: #31b2ed; border: none; border-radius: 0 3px 3px 0; color: #fff; cursor: pointer; font-size: 18px; font-weight: 400; padding: 8px 16px !important; width: auto; height: 38px; margin: 0px 0 0 0px; position: relative; top: -1px; } @media screen and (max-width: 780px) { .site-header .search-field,.search-form input[type="search"] { display:none; } } /* For the Newsletter and Resources Templates */ /* Category Infographics, Downloads Entries --------------------------------------------- */ /* Adds the opacity and hover feature to images */ .category-newsletter img, .post-type-archive-resource img { margin-bottom: 16px; margin-bottom: 1.6rem; opacity: 1; } /* .category-infographics .post-image {display:none !important;} removes featured image from _ category */ .archive.category-newsletter .entry img:hover {opacity:0.8;} .archive.category-newsletter .entry img {border:1px solid #ededed;} .post-type-archive-resource .entry img {border:none !important;} /* Adds the grid column width the same as the home page */ .category-newsletter .entry { float: left; margin-right: 5.263157894737%; /* 60px / 1140px */ width: 29.824561403509%; /* 340px / 1140px */ min-height: 423px; } /* Removes the right margin on the 3rd, 6th, 9th, etc. posts */ .category-newsletter .entry:nth-of-type(3n+3) { margin-right: 0; } /* Clears the float to start a new row for the 4th, 7th, etc. posts */ .category-newsletter .entry:nth-of-type(3n+1) { clear: left; } /* Smaller title size */ .category-newsletter .entry-title { font-size: 27px; } .archive.category-newsletter .entry-title { font-size: 18px;} .portfolio-image {max-height:335px; overflow:hidden; margin-bottom:0px;} .archive-pagination {clear:both;} article.category-newsletter img.post-image {float:right !important;} .post-type-archive-resource .entry {min-height:500px;} /* Video 2-col Layout */ .category-video .entry { float: left; margin-right: 3%; width: 48.5%; max-height: 530px; overflow:hidden; padding-top:30px; } .category-video .entry:nth-of-type(2n+2) { margin-right: 0;} .archive.category-video .entry-title { font-size: 16px !important; height: 60px; overflow:hidden; margin-bottom:20px;} /* Resource 4 Column Layout */ .post-type-archive-resource .entry, .tax-resource-type .entry { float: left; width: 23.4%; margin-right: 2%; min-height: 290px; /*380px;*/ padding: 20px; } .post-type-archive-resource .entry:nth-of-type(4n+1), .tax-resource-type .entry:nth-of-type(4n+1) { clear: left; } .post-type-archive-resource .entry:nth-of-type(4n+4), .tax-resource-type .entry:nth-of-type(4n+4) { margin-right: 0; } .post-type-archive-resource .entry-title, .tax-resource-type .entry-title {font-size: 14px; margin-top:0; text-align:center;} .post-type-archive-resource img {margin-bottom:10px;} .post-type-archive-resource .entry img:hover {opacity:0.5; background: #000;} @media only screen and (max-width: 600px) { /* Category Design Entries --------------------------------------- */ /* Centers the posts or entries */ .category-newsletter .entry, .post-type-archive-resource .entry, .category-video { text-align: center; } /* Removes the three across grid */ .category-newsletter .entry, .category-newsletter .entry:nth-of-type(3n+3), .category-video .entry, .archive-category-video .entry, .category-video .entry:nth-of-type(2n+2), .post-type-archive-resource .entry, .post-type-archive-resource .entry:nth-of-type(4n+4) { float: none; margin: 0 auto 24px; margin: 0 auto 2.4rem; max-width: 340px; width: 100% !important; } } /* Additional Content Styles */ .padbot20 {padding-bottom:20px;} .padbot30 {padding-bottom:30px;} .padbot40 {padding-bottom:40px;} .marbot20 {margin-bottom:20px;} .marbot30 {margin-bottom:30px;} .marbot40 {margin-bottom:40px;} .blue {color:#4c8cc6;} .box { border-radius: 3px; border: 1px solid #ececec; box-shadow: 0 1px #ececec; border-left: 3px solid #498bc8; padding:40px 40px 20px; margin-bottom:40px; } .smalltext { font-size:0.9em; } .textcenter { text-align:center; } .clearfloat {clear:both;} .bordered {border: 1px solid #ececec; padding:2px; box-shadow: 0 1px #ececec;} .post img.post-image { float:none !important; padding:3px; margin:0 !important; border: 1px solid #ececec; margin-bottom: 30px !important; clear:both !important; } hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin-top:30px; margin-bottom:30px; } hr.dashed{border-top:1px dashed #ccc!important;height:0!important;border-bottom:none !important;border-left:none !important;border-right:none !important} .entry-content ul.datelist {margin-left:30px !important; margin-bottom:0 !important;} .entry-content ul.datelist > li { list-style-type: none !important; } .entry-content ul.datelist > li:before { content : ' \f073 '; font-family: FontAwesome; padding-right:10px; margin-left: -26px; } /* High Rep's Statements */ .archive.category-high-representative-statements .archive-title { font-size: 26px; } .archive.category-high-representative-statements h2.entry-title { font-size: 20px; } .archive.category-high-representative-statements .entry-time { color: #000; } .archive.category-high-representative-statements .entry { margin:0; border-bottom:none; } .archive.category-high-representative-statements .archive-description { padding-bottom:20px; margin-bottom:0; border-bottom:none; } /* Revised - HR Statements List */ .hr-statements-list h4 {margin-bottom:30px;} .hr-statements-list ul li {margin-bottom:20px;} .hr-statements-list ul li span { font-size: 13px; } .hr-statements-list ul li span:before { content : ' \f073 '; font-family: FontAwesome; } /* Blog */ .archive.category-blog strong.blogbyline { display:none !important; } .archive.category-blog .entry-meta { color: #000; font-weight:bold; } .archive.category-blog .archive-title { font-size: 26px; } /* Resources & Publications */ .gallery-icon a img {border: none !important;} .gallery-icon a:hover img, .gallery-icon img:hover {opacity:0.5; } .wp-caption-text {font-weight:normal;} .single-resource .entry-meta, .post-type-archive-resource .entry-meta {display:none;} .single-resource h1.entry-title {font-size:20px !important;} .single-resource .entry-header {border-bottom:none;padding-bottom:0px;} @media only screen and (max-width: 768px) { .gallery-size-icon .gallery-item {width:100% !important;} } /* Search Resources & Publications */ #text-9 {} #text-9 h4.widget-title:before { content : ' \f002'; font-family: FontAwesome; margin-right:15px;} /* #text-9 h4.widget-title {color:#fff; background: #4c8cc6; } */ .acps_text_input {font-size: 12px !important;} .acps_form_label {font-family: 'Titillium Web', sans-serif; margin-bottom:10px !important; font-size: 15px; border-top:1px solid #ececec; border-bottom: 1px solid #ececec; } .acps_form_control_wrap input[type="checkbox"] {margin-right: 20px;} .doc-year input {} .acps_form_control_wrap input[type="submit"] {font-family: 'Titillium Web', sans-serif; width:100%; text-align:center; font-size:13px; text-transform:uppercase;} .acps_results_archive h2.entry-title {font-size:18px;} .acps_results_archive .entry-thumbnail {text-align:center;} .acps_results_archive .entry-thumbnail img:hover {border: 1px solid #ccc; opacity:0.9; padding:2px;} /* Projects in Sidebar */ .sidebar-projects .one-half {padding: 2px; border: 1px solid #f0f0f0; margin-bottom:10px; cursor: pointer; cursor: hand;} .sidebar-projects .one-half:hover {background:#498bc8;} .sidebar-projects .one-half a {width: 100%; min-height: 97px; text-indent: -9999px; display: block; cursor: pointer; cursor: hand;} .sidebar-projects .side-summer a { background: url('/wp-content/uploads/summerschool2.jpg') top left no-repeat; background-size:cover; } .sidebar-projects .side-iia a { background: url('/wp-content/uploads/iia2-v3.jpg') top left no-repeat; background-size:cover; } .sidebar-projects .side-e4sc a { background: url('/wp-content/uploads/e4sc1.jpg') top left no-repeat; background-size:cover; } .sidebar-projects .side-plural a { background: url('/wp-content/uploads/pluralplus1.jpg') top left no-repeat; background-size:cover; } .sidebar-projects .side-mil a { background: url('/wp-content/uploads/mil1.jpg') top left no-repeat; background-size:cover; } .sidebar-projects .side-fellow a { background: url('/wp-content/uploads/fellowship1.jpg') top left no-repeat; background-size:cover; } /* Recent Posts in Sidebar */ .display-posts-listing .date:before {content : ' \f073'; font-family: FontAwesome; padding-right:10px;} .display-posts-listing .category-display:before {content : ' \f0f6'; font-family: FontAwesome; padding-right:10px;} .display-posts-listing .date, .display-posts-listing .category-display {display:block; font-size:12px; } .display-posts-listing .date {margin-top:5px;}