/* Theme Name: CPI Description: Custom Theme Version: 2.0 */ /* WordPress Default styles */ /* Big images in rich text editor should not break page layout */ .post .entry { overflow: hidden; } /* Default size for headers */ .post .entry h1 { font-size: 20px; line-height: 30px} .post .entry h2 { font-size: 18px; line-height: 27px} /*.post .entry h3 { font-size: 16px; line-height: 24px} .post .entry h4 { font-size: 14px; line-height: 21px} .post .entry h5 { font-size: 12px; line-height: 18px} .post .entry h6 { font-size: 10px; line-height: 15px}*/ /* Reasonable margins for lists */ .post .entry ul { margin-left: 25px; } .post .entry ol { margin-left: 25px; } .post .entry a img { border: 0 } /* From kubrick theme. */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { margin: 2px 0 2px 7px; display: inline; } img.alignleft { margin: 2px 7px 2px 0; display: inline; } .alignright { float: right; display: inline; } .alignleft { float: left; display: inline; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } /* Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } .wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;} *, *:before, *:after { margin: 0; padding: 0; outline:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body, html { height: 100% } body { font-size: 12px; line-height: 16px; font-family: Arial, Helvetica, Sans-Serif; color: #000; background: #fff; width: 100%; /* min-width: 1400px; */ } @font-face { font-family: 'chaparral-pro'; /* font-family: 'chaparral-pro'; src: url('font-face/chaparralpro-regular-webfont.eot'); src: url('font-face/chaparralpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font-face/chaparralpro-regular-webfont.woff') format('woff'), url('font-face/chaparralpro-regular-webfont.ttf') format('truetype'), url('font-face/chaparralpro-regular-webfont.svg#ChaparralProRegular') format('svg'); font-weight: normal; font-style: normal;*/ } @font-face { font-family: 'cronos-pro'; /* src: url('font-face/cronospro-lt-webfont.eot'); src: url('font-face/cronospro-lt-webfont.eot?#iefix') format('embedded-opentype'), url('font-face/cronospro-lt-webfont.woff') format('woff'), url('font-face/cronospro-lt-webfont.ttf') format('truetype'), url('font-face/cronospro-lt-webfont.svg#CronosProLight') format('svg'); font-weight: normal; font-style: normal;*/ } a { color: #0252aa; text-decoration: none; cursor:pointer; } a:hover { text-decoration: underline; } #main a, .info-item a { color: #EF542C; } a img { border: 0; } input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; } textarea { overflow:hidden; } .cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .left, .alignleft { float: left; display: inline; } .right, .alignright { float: right; display: inline; } .container { max-width: 1000px; margin: 0 auto; position: relative; padding: 0 10px; } .container:after { content: ""; display: table; clear: both; } @media only screen and ( max-width: 60em ) { .footer .container { padding: 0 10px; } } @media only screen and ( max-width: 58em ) { .footer .container { padding: 0; } } @media only screen and ( max-width: 30em ) { /* .container { padding: 0; }*/ .footer .container { padding: 0; } } /*@media only screen and ( max-width: 20em ) { .container { padding: 0; } }*/ .blog-hero-shell { position: relative; overflow: hidden; } .blog-hero-shell .shell { width: 1420px; } .blog-hero-shell .hero { margin-top: 0; } /*Static Hero Image*/ .static-hero { text-align: center; background: #ddd; } .static-hero img { margin: 0 auto; width: 100%; max-width: 1420px; } /*Region Hero Image*/ .region-hero { text-align: center; background: #ddd; overflow: hidden; position: relative; } .region-hero .region-hero-inner { position: absolute; top: 0; width: 100%; padding-top: 50px; } .region-hero img { margin: 0 auto; width: 100%; max-width: 1420px; min-width: 1000px; } .region-hero .left { width: 15%; padding-top: 36px; } .region-hero ul.mini-nav { float:left; width: 100%; } .region-hero ul.mini-nav li { line-height:20px; list-style: none; } .region-hero ul.mini-nav li a { font-size:16px; color:#fff; font-family: 'chaparral-pro'; line-height:20px; display:block; text-align:right; } .region-hero ul.mini-nav li a:hover { color:#000; text-decoration:none; } .region-hero .right { width:79%; text-align: left; } .region-hero .right p { font-size:18px !important; color:#fff; line-height:22px; font-family: 'chaparral-pro'; padding-bottom:15px; } .region-hero h2 { font-size:22px !important; color:#fff; padding-bottom:20px; font-family: 'chaparral-pro'; font-weight:normal; } /* Region Hero Language Picker */ .region-hero-inner .language-nav { position: absolute; right: -90px; top: -20px; font-size: 18px; } .region-hero-inner .language-nav a { color: white; } .region-hero-inner .language-nav a.selected { font-weight: bold; color: black; } /*@media only screen and ( max-width: 35em ) { .region-hero .region-hero-inner { padding-top: 30px; } .region-hero .left, .region-hero .right, .region-hero ul.mini-nav { float: none; } .region-hero .left { margin: 20px 0; } .region-hero img { height: 100%; width: auto !important; } .inner2 .left-navigation { display: block; width: auto; } .region-hero .left ul.mini-nav li, .inner2 .left-navigation li { list-style: none; float: left; position: relative; background: gray; padding: 5px 15px; border-right: 2px solid white; } .region-hero .left ul.mini-nav li:last-of-type { border-right: none; } .region-hero ul.mini-nav li a, .inner2 .left-navigation li a { text-align: left; color: white !important; } }*/ .content-border { border-top: 3px solid #EF542C; overflow: hidden; z-index: 99999; } .page-template-template-sliders-php .content-border { border: none; } .content-border.inner-bg { background: #F2F2F2; } .blog-page .content-border { background: #ffffff !important; } .fluid-shell { min-width: 1000px; width: auto; } .inner #wrapper { background: #F2F2F2; } /* Hides white space on short pages */ .inner.sliders #wrapper { background: #fff; } #footer-push.inner-bg { background: #F2F2F2; } .home #footer-push.inner-bg { background: #fff; } /* Sticky footer on desktops only */ @media only screen and ( min-width: 56em ) { #wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 0 -235px 0; } #footer-push { height: 235px; } .footer { height:235px; } } .sliders #footer-push.inner-bg { background: #fff !important; } /*Header*/ #header { max-width: 1150px; margin: 0 auto; position: relative; } #header:after { content: ""; display: table; clear: both; } .header-shell { background: #fff; padding: 0 25px 0 15px; } /*Header - Logo*/ #header #logo { /*padding: 22px 0 24px 0;*/ width:270px; display: block;} #header #logo img { display: block; width: 100%; } /*Header Buttons*/ #search-toggle { position: absolute; right: 0px; top: 47px; width: 35px; height: 35px; background: url(images/icon-search.svg) no-repeat center; background-size: 24px; text-indent: -9999px; cursor: pointer; } #menu-toggle { display: none; position: absolute; left: 52px; top: 47px; width: 40px; height: 40px; background: url(images/icon-menu.svg) no-repeat center; background-size: 40px; text-indent: -9999px; cursor: pointer; } .header-social { margin-bottom: 15px} .header-social a { float: left; display: block; width: 20%; height: 35px; text-indent: -9999px; cursor: pointer; } .header-social a.twitter { background: url(images/icon-twitter.svg) no-repeat center; background-size: 30px;} .header-social a.linkedin { background: url(images/icon-linkedin.svg) no-repeat center; background-size: 30px; } .header-social a.newsletter {background: url(images/icon-email.svg) no-repeat center ;background-size: 30px;} .header-social a.facebook { background: url(images/icon-facebook.svg) no-repeat center; background-size: 30px; } .header-social a.youtube { background: url(images/icon-youtube.svg) no-repeat center; background-size: 30px; } @media only screen and ( max-width: 56em ) { .header-shell { padding: 0; } #header #logo { max-width: 250px; margin: 0 auto; padding: 12px 0 14px 0; } #menu-toggle { display: block; } #header .header-social { display: none; } #menu-toggle { left: 5%; top: 0; height: 100%; } #search-toggle { right: 5%; top: 0; height: 100%; background: url(images/icon-search.svg) no-repeat center; background-size: 28px; } } @media only screen and ( max-width: 30em ) { #header #logo { max-width: 55%; padding: 0px; } } #menu-toggle.open svg { fill: #EF542C; } /* Header Navigation */ .navigation > ul { list-style: none; } .navigation > ul > li.hover > a { background: #b6321b; color: #fff; } .navigation > ul > li { position: relative;} .navigation ul li a { font-family: 'chaparral-pro'; font-size: 17px; color: #666; padding: 6px 10px; display: block; } .navigation ul li a:hover { text-decoration: none; } .navigation ul li a:hover, .navigation ul li.current-menu-item > a, .navigation ul li.current_menu_parent > a, .navigation ul li.current_page_ancestor > a, .navigation ul li.current-menu-item-hover > a { /* color:#ef542c; */ } .navigation ul li.current-menu-item-hover.last a { color:#ef542c; } .navigation ul li ul { display: none; background: #EF542C; list-style: none; z-index: 1041; } .navigation ul li ul li { padding: 0; } .navigation ul li ul li a { display: block; font-size:15px; color: #fff; /*font-family: Verdana, Arial, sans-serif;*/ } .navigation ul li ul li a:hover { color: #ef542c; } #desktop-navigation.navigation { float:right; margin-top: 52px; padding-right: 30px; } /*Touch Devices*/ .touch .navigation ul li ul li a { padding: 8px 10px; } /*Extra Large Screens*/ @media only screen and ( min-width: 70em ) { #desktop-navigation.navigation { padding-right: 105px; } #search-toggle { right: 76px; } .header-social { top: 47px; } } /*Large Screens*/ @media only screen and ( min-width: 56em ) { #header #logo { float: left; /*padding-top: 40px;*/padding-bottom: 20px; } #header {/* TV removed this July 8, 2015 height: 200px; */} #mobile-navigation { display: none !important; } #desktop-navigation.navigation > ul { list-style: none; background:none; } #desktop-navigation.navigation > ul > li { float:left; margin-right: 12px; } #desktop-navigation.navigation ul li:first-child { box-shadow: -2px 0 0 #b7b7b7 !important; } #desktop-navigation.navigation ul li:first-child .sub-menu { display: block !important; } #desktop-navigation.navigation > ul > li.hover > a { background:none; color: #ef542c; box-shadow: -2px 0 0 #b7b7b7; } .no-touch #desktop-navigation.navigation > ul > li:hover .sub-menu { display: block; } .no-touch #desktop-navigation.navigation > ul > li > a { pointer-events: none; cursor: default; } #desktop-navigation.navigation ul li ul { position: absolute; left: 0px; width: 135px; background:none; box-shadow: -2px 0 0 #b7b7b7; } #desktop-navigation.navigation ul li ul { background: #fff; } #desktop-navigation.navigation ul li ul li a { color: #666; font-size: 12px; line-height: 0.66em; } #desktop-navigation.navigation ul li ul li a:hover { background: none; color: #ef542c; } #desktop-navigation.navigation > ul > li:last-child { } } @media only screen and ( min-width: 59em ) { #desktop-navigation.navigation > ul > li { margin-right: 20px; } } @media only screen and ( min-width: 63em ) { #desktop-navigation.navigation > ul > li { margin-right: 30px; } } #mobile-navigation { display: none; } /*Small Screens*/ @media only screen and ( max-width: 56em ) { #desktop-navigation, #desktop-navigation.navigation { display: none !important; } .navigation { clear: both; background: #EF542C; width: 100%; } .navigation a { display: block; width: 100%; color: #fff !important; padding: 20px !important; border-bottom: 1px solid #C63A28; } .navigation > ul > li { float: none; } .navigation > ul > li.menu-item-has-children:after { position: absolute; top: 25px; right: 21px; content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #fff; } .navigation > ul > li.menu-item-has-children.hover:after { border-bottom: 8px solid #fff; border-top: none; } .navigation > ul > li.hover > ul { background: #b6321b; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15); border-top: 1px solid #8d241b; border-bottom: 1px solid #f46f57; } .navigation > ul > li.hover > ul li:last-child a { border: none; } .navigation > ul > li.hover > a { background: #EF542C; } .navigation > ul > li.hover > ul a:hover { background:#9e2e1a; } .navigation ul li ul li a { border-bottom: 1px solid #9e2e1a; } } #entries-search-form .submit, .footer .search .submit { width:18px; height:16px; background:url('images/search.png') no-repeat 0 0; float:left; display:inline; border:0; cursor:pointer; position: absolute; } #entries-search-form input.field, .footer .search .field { float:right; background:none; border:0; border-bottom:1px solid #7d7976; width:90%; height: 16px; } /* Gravity Form Styles */ .gform_wrapper input, .gform_wrapper textarea { font-size: 16px !important; padding: 4px 4px 0px 4px !important; } .gform_wrapper .top_label .gfield_label { font-size: 16px !important; font-weight: normal !important; } .gform_wrapper .gform_footer { margin-top: 0px !important; } .gform_wrapper .gform_button { background: #ef542c; display: inline-block; padding: 8px 14px 9px !important; font-size: 14px !important; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border: none; border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; } /*Main Search*/ #header-search { width:100%; background: #474747; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5); height: 0; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #header-search.open { height: auto; padding: 20px; } #header-search .submit { display: none; } #header-search .field { width: 100%; padding: 12px 15px; border-radius: 20px; border: none; font-size: 16px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.4); } /* Hero */ .slider-hero-holder { background: url(images/hero-overlay.png) repeat-x 0 0 #A9A9A9; position: relative; margin-top: -1px; overflow: hidden; } .hero { position:relative; margin-top: 1px; } .hero .slider-carousel { height:323px; position: relative; } .hero .jcarousel-clip.narrow { margin-left: -115px !important; } .hero .jcarousel-clip, .hero .slider-carousel div ul { list-style:none; } .hero .slider-carousel div ul li { height:323px; position:relative; list-style: none; } .hero .slider-carousel div ul li img { display: block; margin: 0 auto; } .hero .slider-carousel div ul li .slider-info { position:absolute; padding: 45px 0 0 0; height: 278px; background: url(images/hero-overlay.png) repeat-x 0 0; } .hero .slider-carousel div ul li .slider-info h2 { font-size:32px; line-height: 34px; color:#fefefd; font-family: 'chaparral-pro'; font-weight:normal; width: 768px; padding-left: 196px; float: right; } /* JD - 3/18/13: Updated to allow links on slides to show up */ .hero .slider-carousel ul li a.slide { width: 100%; height: 323px; display: block; position: absolute; top: 0; z-index: 20 } .hero .nav-wrap { position: absolute; top: 0; left: 0; } .slider-nav { position:absolute; top: 234px; right: 2px; z-index: 100; } .slider-nav li { width:11px; height:12px; padding-left:11px; float:left; display:inline; } .slider-nav li a { width:11px; height:12px; background:url('images/slider-nav.png') no-repeat right 0; float:left; display:inline; font-size: 0; line-height: 0; text-indent: -4000px; } .slider-nav li a.active { background:url('images/slider-nav.png') no-repeat 0 0; } /* JD - 3/18/13: Updated to allow links on slides to show up */ .hero a.j-next { width:10%; height:323px; position:absolute; top:0; right:20px; cursor:pointer; display:block; } .hero a.j-prev { width:10%; height:323px; position:absolute; top:0; left:20px; cursor:pointer; display:block; } .admin-bar .hero .nav-holder { width: 100%; max-width: 1420px; position: absolute; height: 323px; left: 0; top: 0; right: 0; bottom: 0; margin: auto; } .admin-bar .hero .outer .nav-shell { width: 1420px; height: 323px; margin: 0 auto; position: relative; } .admin-bar .hero .outer a.j-next, .admin-bar .hero .outer a.j-prev { top: 0; } /* Note that 'outer' is removed by the gallery script when the browser viewport reaches a minimum size */ .hero a.j-next { width: 150px; height:323px; position:absolute; top: 0; right:20px; cursor:pointer; display:block; z-index: 25 } .hero a.j-prev { width: 150px; height:323px; position:absolute; top: 0; left:20px; cursor:pointer; display:block; z-index: 25 } .hero a.j-next:hover { background:url('images/slider-arrow.png') no-repeat right 128px; } .hero a.j-prev:hover { background:url('images/slider-arrow2.png') no-repeat 0 128px; } /* Main */ #main .main-cols { padding: 39px 10px 120px 10px; /*padding-top:39px; padding-bottom:120px;*/ } #main .main-cols .col { width:47%; } #main .main-cols .col .box, #main .main-cols .col.left .box p { padding-bottom:22px; } /*#main .main-cols .col.left h3 { font-size: 2.4em; }*/ #main .main-cols .col .box li { font-size:18px; line-height:21px; color:#666; font-family: 'chaparral-pro'; margin: 0 10px 10px 30px; } #main h3 { font-size: 2.4em; line-height: 22px; color:#666; font-family: 'cronos-pro'; font-weight:300; padding-bottom:10px; margin-bottom:14px; position:relative; } #main h3 span.line { width: 146px; height: 0; border-bottom: 1px solid #EF542C; margin-left: 1px; position:absolute; bottom:0; left:0; display:block; } /*#main .main-cols .col.left { }*/ /*#main .main-cols .col.left h3 { }*/ #main .main-cols .col.left p { font-size:24px; color:#666; line-height:26px; font-family: 'chaparral-pro'; } @media only screen and ( max-width: 37em ) { #main .main-cols { width: 100%; padding: 10px 0px; margin-bottom: 20px; } #main .main-cols.top { margin-bottom: -30px; } #main .main-cols .col { width: 100%; padding: 0px;} #main .main-cols .col .box {/* padding: 0 15px !important; */margin-bottom: 20px; } #main .main-cols .col .tagline { background-color: #f2f2f2; margin: 0 -15px 15px -15px; padding: 0px 15px;} #main .main-cols .col.left p { font-size:18px; line-height:22px; } } #main .main-cols .col.right .box.ep-container .event-item { padding-bottom: 20px; } #main .main-cols .event-item a {font-family: Verdana, Arial, sans-serif; color:#ef542c; padding-bottom:5px;} /* #main .main-cols .event-item a.first { font-size:10px; color:#ef542c; padding-bottom:5px; } */ #main .main-cols .event-item h4 a { font-size:25px; color:#ef542c; line-height:27px; font-family: 'chaparral-pro'; font-weight:normal; } #main .main-cols .event-item p em { font-size:16px; color:#7b7976; font-family: 'chaparral-pro'; display:block; padding-bottom:10px; padding-top:5px; } #main .main-cols .event-item p { font-size:18px; line-height:24px; color:#666; font-family: 'chaparral-pro'; } #main .main-cols .event-item p.first { font-size:10px; color:#ef542c; padding-bottom:5px; font-family: Verdana, Arial, sans-serif; } #main .main-cols .event-item .read-more a { font-size:11px; color:#666; font-weight:bold; font-family: Verdana, Arial, sans-serif; } p.load-more a { font-size:10px; color:#ef542c; background:url('images/load.png') no-repeat right 0; display: inline-block; padding-right: 22px; zoom: 1; *display: inline; margin-top:10px; } #main p.top { font-size:17px; color:#747270; font-family: 'chaparral-pro'; padding:35px 0 64px 0; font-size:22px; line-height:27px; } #main #sidebar { float:left; width: 20%; margin-bottom: 25px; } #main #sidebar .search { padding-bottom:19px; } #main #sidebar p.subscribe { margin-bottom: 2em; } #main #sidebar ul { list-style:none; } #main #sidebar ul li { margin-bottom: 2px; position: relative; } #main #sidebar ul li h2.widgettitle { font-size:18px; color:#6b6965; font-weight:normal; font-family: 'chaparral-pro'; padding-bottom:6px; } #main #sidebar ul li p { position: relative; } #main #sidebar ul li input.checkbox { display: inline-block; position: absolute; margin-top: 5px; } #main #sidebar ul li label { font-size:11px; color: #585654; font-family: Verdana, Arial, sans-serif; display: block; padding: 3px 0 3px 20px; } #main #sidebar ul li form p { padding-bottom:2px; } #main #sidebar ul li form .submit { background:url('images/search3.png') no-repeat 0 -1px; } #main #sidebar ul li.filters { margin-bottom: 15px; } #main #sidebar ul li ul.custom-sidebar { padding-top: 20px; } #main #sidebar ul li ul.custom-sidebar h2.widgettitle { color: #EF542C; } #main #sidebar ul li ul.custom-sidebar .widget p { color: #585654; } #main #sidebar ul li ul.custom-sidebar .widget p { line-height: 19px; font-size: 13px; } #main .content { float: right; width: 77%; padding-bottom: 92px; } #main .content:after { content:""; display: table; clear:both; } .search-results #main .content { width: auto; } .single #main .content { width: auto; } .single.inner2 #main .content { width: 80%; } #main .content .entry { padding-bottom: 5em; } #main .content .entry:after { content:""; display: table; clear:both; } #main .content .entry-noposts { display: none; } #main .content .entry .side-content { float:left; width: 30%; } #main .content .entry .side-content .image { float: none; width: 100%; } /* 151002 TV edited for mobile devices */ @media only screen and ( max-width: 37em ) { .single.inner2 #main .content { width: 100%; } .inner2 .left-navigation { /*display: none; */} #main #sidebar ul li.filters { } #main #sidebar .search { display: none; } #main #sidebar { width: 100%; } #main #sidebar h2.widgettitle {margin-top: 0px;} #main #sidebar ul li ul.custom-sidebar {padding: 0;float: left;background: #ef542c;width: 100%;} #main #sidebar ul li ul.custom-sidebar h2.widgettitle { color: white; } #main #sidebar ul li ul.custom-sidebar li { padding: 15px; } #main #sidebar ul li ul.custom-sidebar h5 { color: white; text-align: center; } /* TV added 10/28/16 for COP22 event post */ #main #sidebar ul li ul.custom-sidebar .widget p, #main #sidebar ul li ul.custom-sidebar .widget a { color: white; } #main #sidebar ul li ul.custom-sidebar .textwidget { padding: 5px 0; } #main p.top {padding: 40px 15px 40px 15px;} } #main.people-index .content .entry .image { max-height: 165px; overflow-y: hidden; } #main .content .entry .image { float: left; width: 35%; } #main .content .entry .image img { /*float:left;*/ display: block; width: 100%; } #main .content .entry .text { width: 65%; float: right; padding-left: 25px; } #main .content .entry .text img { max-width: 100%; height: auto; } /*Single Post or Page*/ .single-cpi_pr #main #sidebar ul.custom-sidebar { margin-top: 0em; } .single-cpi_pr #main #sidebar ul.custom-sidebar p { color: #585654; line-height: 19px; font-size: 13px; } /* added July 11, 2016 */ single-cpi_pr #main .content .entry .text { float: left; padding: 0; margin: 0px auto; width: 65% !important; } .single-post #main .blog-page .blog-post { float: none; padding: 0; margin: 50px auto; width: 65% !important; } /*Region Event Page*/ .single-cpi_events #main .content .entry .text { width: 100%; padding: 0; } .side-content { } .side-content .sub-info { overflow: hidden; margin-top: 0px; /*float: left;*/ } .side-content .sub-info p { font-size:18px; line-height:20px; color:#777; font-family: 'chaparral-pro'; } .side-content .contact-list { margin: 0 !important; } .side-content .contact-list li { list-style: none; float: left; margin: 0 5px 5px 0; padding: 0 !important; } .side-content .contact-list li img { display: block; width: 24px; } .side-content .expertise-list { list-style: none; margin: 0 !important; } .side-content .expertise-list a { display: block; } .side-content .expertise-list li { position: relative; font-size:15px; line-height:17px; padding-left: 10px; font-family: 'chaparral-pro'; color:#777 !important; } .side-content .expertise-list li:before { content: ""; height: 4px; width: 4px; border-radius: 50%; background: #F05330; position: absolute; top: 6px; left: 0; } /*Sidebar Gallery*/ ul.side-gallery { margin: 0 !important; list-style: none; padding: 2px; } ul.side-gallery li { float: left; width: 31%; padding: 0 !important; margin-bottom: 3.5%; border: 1px solid #fff; box-shadow: 0px 1px 1px rgba(0,0,0,0.5); } ul.side-gallery li:hover { border: 1px solid #ef542c; } ul.side-gallery li:nth-child(3n+2) { margin: 0 3.5% 3.5% 3.5%; } ul.side-gallery a { display: block; } ul.side-gallery img { display: block; width: 100%; } /*Keywords*/ .keywords { margin: 0 !important; list-style: none; font-family: 'chaparral-pro'; font-size: 16px; line-height: 1.2em; } .keywords li { display: inline-block; } .keywords li:after { content: ","; color: #777; } .keywords li:last-child:after { content: ""; } .keywords li a, .keywords li { color: #777 !important; } /*Related Articles*/ .related-articles { margin: 0 !important; list-style: none; } .related-articles li { position: relative; margin-bottom: 3px; } .related-articles li:before { content: ""; height: 4px; width: 4px; border-radius: 50%; background: #F05330; position: absolute; top: 6px; left: 0; } .related-articles a { display: block; padding-left: 10px; font-size:15px; line-height:17px; color:#777 !important; font-family: 'chaparral-pro';} #main .ideas { font-size:18px; line-height:21px; color:#666; font-family: 'chaparral-pro'; width: 720px; float:left; display:inline; padding: 15px 0 34px 0 !important;} #main .ideas .entry { padding-bottom:30px; width:720px; } #main .ideas .entry .text { width:720px; float:left; display:inline; padding-right:10px; } #main.full-width { padding-top: 20px; } #main.full-width p.top { padding: 15px 0 34px 0; } #main.full-width .content .entry .text, #main.full-width .blog-page .post { width: 100%; padding: 0; } .info-item .post .entry h4, .info-item .post .entry h4 a, #main .post .entry h4, #main .content .entry .text h4 a, #main .content .entry .text h4, #main .content .entry .text h4.posttitle { font-size:25px; color:#ef542c; line-height:27px; font-family: 'chaparral-pro'; font-weight:normal; } #main .content .entry .text h4.posttitle { padding-bottom: 7px; } #main .content .entry .text h4.posttitle.nopadding { padding-bottom: 0; } #main .content .entry .text p em { font-size:16px; color:#7b7976; font-family: 'chaparral-pro'; } #main .content .entry .text .sub-info p em { display: inline; } #main .content .entry .text p strong { font-weight: 600; padding-right: 0.3em; } #main .content .entry .text p { font-size:18px; line-height:23px; color:#666; font-family: 'chaparral-pro'; padding-bottom: 1em; } #main .content .entry .text p.authors { font-style: italic; font-size: 16px; color: #7b7976; } #main .content.jobs-listing { margin-left: 0px; padding-left: 0px; float: left; width: 100%; } #main .content.jobs-listing .entry .text {float: left; padding-left: 0px; margin-left: 0px; width: 100%; } #main .content.jobs-listing .entry .text p { padding-bottom: 0; } #main .content .entry .text p.subtitle { padding-bottom: 0.3em; padding-top: 0.3em; } #main .content .entry .text .blurb { padding-bottom: 0em; } #main .content .entry .text p.wp-caption-text { font-size:11px; margin-left: 5px; padding-bottom: 0em; text-align: left; } #main .content .entry .text sup, sub {height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size: 50%; } #main .content .entry .text sup { bottom: 1.5ex; } #main .content .entry .text sub { top: 1ex; } #main .content .entry .text li { font-size:18px; line-height:21px; color:#666; font-family: 'chaparral-pro'; } #main .content .entry .text li strong { font-weight: 600; } #main .content .entry .text p.read-more a { font-size:11px; color:#666; font-weight:bold; font-family: Verdana, Arial, sans-serif; } #main .content .entry .read-more { padding-top:7px; } #main.people-index .content .entry .read-more { padding-top: 0px; margin-top: -10px; } #main .content.jobs-listing .entry .text p.read-more { padding-top: 0; } #main .content .entry .text .contact-form { padding-top: 15px; } /*Gforms on mobile*/ @media only screen and ( max-width: 480px ) { body .latest-publications .gform_wrapper .ginput_container, body .latest-publications .contact-form .gform_wrapper .ginput_container input, body .latest-publications .contact-form .gform_wrapper .ginput_container textarea { width: 100% !important; } } #main .content ul, #main .content ol { margin: -.9em 0 10px 20px; } .person #main .content .sub-info ul, .person #main .content .sub-info ol { margin: 10px 0 10px 20px; } .person #main .content .sub-info .keywords li { line-height: 15px; font-style: italic; } #main .content ul li, #main .content ol li { padding-bottom: 7px; } #main .people-sub { } #main .people-sub p.back { padding-top:25px; padding-bottom:17px; } #main .people-sub p.back a { color:#85786f; text-transform: uppercase; } #main .people-sub .entry { } #main .people-sub .entry h5 { font-size:14px; color:#F05330; font-weight:600; font-family: 'chaparral-pro'; padding-top:20px; padding-bottom:10px; text-transform: uppercase; } #main .people-sub .entry p { font-size:18px; line-height:20px; /* padding-bottom:12px; */ } p.wp-caption-text { font-size: 11px; } /*Single People Page - mobile*/ @media only screen and ( max-width: 600px ) { .single #main .content.people-sub.publication, .single #main .content.people-sub.post { width: 100%; } #main .people-sub .text { float: none !important; width: 100% !important; padding: 0 !important; } #main .people-sub .side-content { float: none !important; width: 100% !important; } #main .people-sub .side-content p { padding-bottom: 7px !important; } } #main .basic-page { } #main .basic-page p.back { padding-top:25px; padding-bottom:17px; } #main .basic-page p.back a { color:#85786f; text-transform: uppercase; } #main .basic-page .entry .text { width:620px; } #main .basic-page .entry { width:950px; } #main .basic-page .entry h5 { font-size:14px; color:#F05330; font-weight:600; font-family: 'chaparral-pro'; padding-top:15px; padding-bottom:15px; text-transform: uppercase; } #main .basic-page .entry p { font-size:18px; line-height:20px; /* padding-bottom:12px; */ } #main .basic-page .entry table td { padding: 5px; } form#contact-form { } form#contact-form .field-row { padding-bottom:13px; } form#contact-form .field-row p { padding-bottom:2px !important; } form#contact-form .field-row label { float:none; display:block; color:#747270; font-size:12px; font-family: Verdana, Arial, sans-serif; } form#contact-form .field-row label span {color:red; } form#contact-form .field-row input.field{ width:290px; padding:2px 0 2px 5px; float:none; display:block; background:#fff; border:1px solid #c3c3c3; } form#contact-form .field-row textarea { width:588px; height:72px; } form#contact-form .small-col { float:left; display:inline; } form#contact-form .small-col p { font-size:11px !important; font-family: Verdana, Arial, sans-serif !important;padding:0 !important; } form#contact-form .small-col.first input { width:62px; } form#contact-form .small-col.first { width:69px; margin-right:3px; } form#contact-form .small-col.second input { width:100px; } form#contact-form .small-col.second { width:105px; } form#contact-form .field-row input.submit-button { } /* events */ .events .text { width:100% !important; } #main .content.events .entry .read-more { padding-top:0; padding-bottom: 0; margin-top: -.3em; } p.download { margin-top: 13px; } .single p.download { margin-top: 0; } #main .content .entry .text p.download { padding-bottom: 15px; } p.download a { background:url('images/download.png') no-repeat 0 0; padding-left:18px; /*line-height:15px;*/ font-family: Verdana, Arial, sans-serif; font-size:11px; font-weight:bold; color:#747270 !important; } p.download a span { font-weight:normal; padding-right: 0.3em; } .side-content p.download a { background: url(images/icon-download.png) no-repeat left 2px; background-size: 28px; padding-left:37px; line-height:16px; font-family: Verdana, Arial, sans-serif; font-size:11px; font-weight:bold; color:#747270 !important; min-height: 30px; display: block; } .side-content p.download a span { font-weight:normal; padding-left: 5px;} p.authors { padding: 0 !important; margin: -4px 0 10px 0; } p.authors a { font-style: italic; color: #747270 !important; font-size: 16px; } .sub-info.sub-info2 em { display:inline !important; } /* Publications */ #main.publications { } #main.publications .entry { padding-bottom:56px; } #main.publications .image { width: 20% !important; } #main.publications .text { width: 80% !important; } #main.publications .text .image { display: none; } #main.publications .text p a { font-size:11px; color:#666; font-weight:bold; font-family: Verdana, Arial, sans-serif; } @media only screen and ( max-width: 37em ) { #main.publications .top { } #main.publications #sidebar { float: none; width: 100%; } #main.publications #sidebar .search { display: none; } #main.publications #sidebar .filters { overflow: hidden; } #main.publications #sidebar .filters li { float: left; margin-right: 25px; } #main.publications .content { float: none; width: 100%; } #main.publications .image { display: none; } #main.publications .text { float: none !important; padding: 0 !important; width: 100% !important; } #main.publications .text .image { display: block; margin: 5px 15px 0 0; } } /*People Index*/ #main.people-index .text .image { display: none; } @media only screen and ( max-width: 37em ) { #main.people-index #sidebar { float: none; width: 100%; } #main.people-index #sidebar .search { display: none; } #main.people-index #sidebar .filters { overflow: hidden; } /*#main.people-index #sidebar .filters li { float: left; margin-right: 25px; }*/ #main.people-index .content { float: none; width: 100%; } #main.people-index .image { display: none; } #main.people-index .text { float: none !important; padding: 0 !important; width: 100% !important; } #main.people-index .text .image { display: block; margin: 3px 15px 0 0; width: 40%; } #main.people-index .entry { padding-bottom: 25px; } } /*Widget Filters on Mobile*/ .widget.filters .open-filter { display: none; } @media only screen and ( max-width: 37em ) { #sidebar { overflow: hidden; } .widget.filters { width: 47%; } .widget.filters:nth-child(even) { float: right; } .widget.filters .open-filter { display: block; padding: 10px 13px; background: #a9a9a9; cursor: pointer; color: #fff; border-radius: 5px; position: relative; } .widget.filters .open-filter:after { content: ""; width: 0; height: 0; position: absolute; right: 13px; top: 14px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff; } .widget.filters li { float: none !important; padding: 5px 12px; margin: 0 !important; } .widget.filters ul { display: none; background: #dcdcdc; padding: 5px 0;border-radius: 0 0 5px 5px; } .widget.filters ul.open { display: block !important; } } /* Footer */ .footer { background:#a9a9a9; padding: 30px 0 15px 0; clear: both; } .footer .left { width:65%; } .footer .right { width: 35%; } .footer .right .search { margin-top: 4px; margin-bottom: 50px; } .footer .right .search input.submit { width:14px; height:15px; background:url('images/search2.png') no-repeat 0 0; margin-top:1px; } .footer .right .search input.field { width:100%px; border-bottom:1px solid #fff; color:#fff; height: 16px; } .footer .right .sign-up { } .footer .right .sign-up form { padding-bottom: 58px; } .footer .right .sign-up form label { font-size:16px; color:#fff; font-family: 'chaparral-pro'; display:block; padding-bottom:10px; } .footer .right .sign-up form input.field { float: left; width:72%; background:f7f7f7; padding: 7px 8px; color:#000; border: none; font-size: 12px; box-shadow: inset 0px 1px 0px rgba(0,0,0,0.35), inset 0px 1px 3px rgba(0,0,0,0.15), inset 0px -1px 0px #fff; border-radius: 2px; } .footer .right .sign-up form input.submit { float: right; width:25%; height:28px; border: none; background: #ccc; box-shadow: inset 0px 1px 0px #ddd, inset 0px -1px 0px #888, 0px 1px 1px rgba(0,0,0,0.15); border-radius: 2px; text-shadow: 0px 1px 0px rgba(255,255,255,0.5); } /*@media only screen and (max-width: 56em) and (min-width: 35em) { .footer .right .search { float: left; width: 47%;} .footer .right .sign-up { float: right; width: 47%; padding: 0; } }*/ .footer .navigation { padding-left:0; } @media only screen and ( min-width: 56em ) { .footer .navigation > ul { list-style: none; } .footer .navigation > ul > li { float:left; margin-right: 12px; border-left: 2px solid rgba(255,255,255,0.2); } .footer .navigation ul li ul { display: block !important; background: none; } .footer .navigation ul li ul a { font-size: 12px; padding: 0px 10px; } .footer .navigation ul a { color: #fff; } } .footer ul.bottom-nav { padding-top:25px !important; list-style: none; overflow: hidden; } .footer ul.bottom-nav li { display: inline-block; padding-right: 22px; } .footer ul.bottom-nav li a { color:#fff; } @media only screen and ( max-width: 56em ) { .footer .right, .footer .left { float: none; overflow: hidden; display: block; width: 100%; } .footer .container .right { padding: 0 10px; } .footer .right .search { display: none; } .footer .navigation { background: none; border-top: 1px solid #ccc; } .footer .navigation ul li a { padding: 12px !important; background: none; border-bottom-color: #ccc; border-bottom-color: rgba(255,255,255,0.25); } .footer .navigation ul li ul li a { border-bottom-color: #ccc; border-bottom-color: rgba(255,255,255,0.25); } .footer .navigation > ul > li.menu-item-has-children:after { top: 16px; } .footer .navigation .sub-menu { background: #7e7e7e; border: none; } .footer ul.bottom-nav { text-align: center; padding-bottom: 25px; } .footer ul.bottom-nav li { padding: 0 10px; } } @media only screen and ( max-width: 30em ) { .footer .right .sign-up form input.field { font-size: 16px; } .footer .right .sign-up form input.submit { font-size: 16px; height: 33px; } } /* website v2 */ /* home */ /* .homev2 ul li { height:323px; position:relative; } .hero.homev2 .slider-carousel ul li .slider-info { width: 100%; } .homev2 ul li .slider-info h2 { font-size:32px; color:#fefefd; font-family: 'chaparral-pro'; font-weight:normal; } .homev2 ul li ul.mini-nav { float:left; } .homev2 ul li ul.mini-nav li { width:auto !important; height:auto !important; line-height:20px; } .homev2 ul li ul.mini-nav li a { font-size:16px; color:#fff; font-family: 'chaparral-pro'; line-height:20px; display:block; text-align:right; } .homev2 ul li ul.mini-nav li a:hover { color:#000; text-decoration:none; } .homev2 ul li .right { width:80%; } .homev2 ul li .right p { font-size:18px !important; color:#fff; line-height:22px; font-family: 'chaparral-pro'; padding-bottom:15px; } .homev2 ul li h2 { font-size:22px !important; color:#fff; padding-bottom:20px; } .homev2 .jcarousel-next,.homev2 .hero .jcarousel-prev { display:none !important; } .homev2 #main h3 { background:url('images/green-line.png') no-repeat 0 bottom; } .homev2 #main .main-cols .event-item h4 a { color:#019285; } .homev2 #main .main-cols .event-item p.first { color:#019285; } .homev2 p.load-more a { color:#019285; background-image:url('images/load2.png'); } */ .homepage {margin-top: -325px; /*margin-top: -400px;*/ } .homepage #main .main-cols.top { padding-top: 0px; padding-bottom: 5px; margin-top: 0; } .homepage #main .main-cols .col.left { width:64%; } .homepage #main .main-cols .col.left.slide-col { width:72%; } .homepage #main .main-cols .col.right { width: 286px; position: relative; } .homepage #main .feature .home-content { width: 286px; } .homepage #slider .slides .slide-text { width:100%; padding-right: 32%; text-rendering: optimizeSpeed; } .homepage #main .feature { position: relative; overflow: visible; } .homepage #main .feature .home-content {position:absolute; top: 0; right: 0; z-index:99999; opacity: 0.9; box-shadow: -3px 0 9px hsl(0, 0%, 30%); } .homepage #main .main-cols .col.right .box { margin: 0px 0px 20px 0px; padding: 0px 0px 15px 0px; } .homepage #main .main-cols .col.right .box h3 { font-size: 2em; } .homepage #main .main-cols .col.left .box p { /*clear: both;*/} .homepage #main .main-cols .col.left h3 { font-size: 2.4em; } .homepage #main .main-cols .col .box li { font-size:18px; line-height:21px; color:#666; font-family: 'chaparral-pro'; margin: 0 10px 10px 30px; } /*.homepage #main h3 { font-size: 2em; line-height: 22px; color:#666; font-family: 'cronos-pro'; text-rendering: optimizeSpeed; font-weight:300; padding-bottom:10px; margin-bottom:14px; position:relative; }*/ .home #main h3 span.line { width: 146px; height: 0; border-bottom: 1px solid #EF542C; margin-left: 1px; position:absolute; bottom:0; left:0; display:block; } .homepage #main .home-content .tagline { background-color: white; margin: 0px; padding: 15px; line-height: 1.25em; font-size: 1.65em; font-family: 'cronos-pro'; color: #666666; } .homepage #main .home-content .tagline h3 { display: none; font-size: 1em; padding-top: 20px; color: white; } .homepage #main .home-content .tagline h3 span.line { border-color: white; } /*.homepage #main .main-cols .col.left { } .homepage #main .main-cols .col.left h3 { }*/ .homepage #main .main-cols .col.left p { font-size:18px; color:#666; line-height:24px; font-family: 'chaparral-pro'; } .homepage #main .sign-up { background-color: white; border-top: 2px solid #ef542c; padding: 15px 15px 7px 15px; } .homepage #main .sign-up form {padding-bottom: 40px;} .homepage #main .sign-up form label { font-size:1.2em; color:#666; font-family: 'chaparral-pro'; display:block; padding-bottom:10px; } .homepage #main .sign-up form input.field { float: left; width:72%; background: #f7f7f7; padding: 7px 8px; color:#000; border: none; font-size: 12px; box-shadow: inset 0px 1px 0px rgba(0,0,0,0.35), inset 0px 1px 3px rgba(0,0,0,0.15), inset 0px -1px 0px #fff; border-radius: 2px; } .homepage #main .sign-up form input.submit { float: right; color: white; width:25%; height:28px; border: none; background: #ef542c; box-shadow: inset 0px 1px 0px #ddd, inset 0px -1px 0px #888, 0px 1px 1px rgba(0,0,0,0.15); border-radius: 2px; text-shadow: 0px 1px 0px rgba(102,102,102,0.5); } .homepage #main .main-cols .event-item {padding: 0px 15px 5px 0px;margin-bottom: 15px;/* -webkit-box-shadow: 4px 4px 5px 0 rgba(0,0,0,.2); */box-shadow: 0px 1px 0px 0 rgba(0,0,0,.2);} .homepage #main .main-cols .col.right .box .event-item { box-shadow: none; padding: 0; } .homepage #main .main-cols .event-item .byline, .homepage #main .main-cols .event-item .date {display: block; font-size: 16px; color: #7b7976; font-style: italic;font-family: 'cronos-pro'; margin: 10px 0;} .homepage #main .main-cols .event-item .featured-image { display: block; float: left } .homepage #main .main-cols .event-item .featured-image img { width: 150px; margin: 0 10px 10px 0; } .homepage #main .main-cols .event-item .featured-excerpt { /*width:70%;*/ display: block; /*float: left; margin-left: 10px;*/} .homepage #main .main-cols .latest-news h4 a { font-size: 22px; line-height: 24px; } .homepage #main .main-cols .latest-news .event-item .read-more {width: 47%; text-align: right; display: inline-block} .homepage #main .main-cols .latest-news .event-item .read-more.see-all, .homepage #main .main-cols .latest-news .event-item .date {width: 47%; display:inline-block;} .homepage #main .main-cols .events {position: relative;padding-bottom: 0px;} .homepage #main .main-cols .events h4 a {font-size: 20px; line-height: 22px;} .homepage #main .main-cols .events .event-block {width: 80%;float: right;margin: 10px 0;} .homepage #main .main-cols .events .location {text-transform: uppercase;font-size: 11px;color: #7b7976;margin-top: 5px;float: left;} .homepage #main .main-cols .events .date-block {float: left;height: 100%;width: 20%;font-size: 14px;font-style: italic;color: #7b7976;} .homepage #main .main-cols .events .date-block .month-day { white-space:nowrap } .homepage #main .main-cols .event-item .byline a { color: #7b7976; font-style: italic; font-family: 'cronos-pro'; } .homepage #main .main-cols .event-item .terms { margin-bottom: 15px; line-height: 27px; display: inline-block; } .homepage #main .main-cols .event-item .terms a { float: left; padding: 0 10px; margin-right: 5px; color: #ffffff; font-size: 10px; text-transform: uppercase; } .homepage #main .main-cols .event-item .terms a.type-COMMENTARY { background-color: #b3b3b3; } .homepage #main .main-cols .event-item .terms a.type-PUBLICATION { background-color: #666666; } .homepage #main .main-cols .event-item .terms a.land-use { background-color: #35736b; } .homepage #main .main-cols .event-item .terms a.india { background-color: #567aa1; } .homepage #main .main-cols .event-item .terms a.indonesia { background-color: #038b01; } .homepage #main .main-cols .event-item .terms a.brazil { background-color: #174190; } .homepage #main .main-cols .event-item .terms a.energy-finance { background-color: #5d789a; } .homepage #main .main-cols .event-item .terms a.climate-finance { background-color: #b7583e; } .homepage #main .main-cols .col.right .box .event-item .read-more.see-all, .homepage #main .main-cols .col.right .box .event-item .read-more.see-all a { text-align: left; width: 100%; text-transform: uppercase; font-weight: 300; } .main-cols .col.left .event-item {display: none;} .main-cols .col.left .event-item.show {display: block;} @media only screen and ( max-width: 60em ) { .homepage #main .main-cols .col.right { width: 286px; } .homepage #slider .slides .slide-text { padding: 10px 34% 10px 0; } } @media only screen and ( max-width: 56em ) { .homepage #main .main-cols .col.left { width:100%; } .homepage #main .main-cols .col.right { width: 100%; } .homepage #main .feature .home-content { position: relative; top: 0px; left: 0; z-index: 99999; opacity: 1; height: auto; margin-bottom: 5px; width: 100%; box-shadow: 0px 3px 3px gray; } .main-cols .col.left { width: 100%; } .homepage #slider .slides .slide-text {width: 100%; padding: 5%;} .homepage #main .main-cols .col.right .box { margin-bottom: 50px; } .homepage #main .sign-up {margin: 0 0 5px 0;} .homepage #main .sign-up form label { font-size: 1.5em; } .homepage #main .feature .home-content .tagline { padding: 30px 25px; font-size: 1.9em; } .homepage #main .main-cols .event-item .featured-image { display: none; } .homepage #main .main-cols .event-item .featured-excerpt { width: 100%; } .homepage #main .feature { margin-bottom: 0; margin-left: -20px; margin-right: -20px; } } @media only screen and ( max-width: 37em ) { .homepage #main .feature { margin-bottom: 50px; margin-left: -10px; margin-right: -10px; } .homepage #main .feature .home-content .tagline h3 { font-size: .99em; } .homepage #main .main-cols .event-item { padding-right: 5px; padding-bottom: 0px; } .homepage #main .main-cols .event-item a { margin-right: 1px !important; } } /* INner page */ /*.inner2 { background:#f1f1f1 url('images/v2-inner.png') repeat-x 0 0 !important; }*/ .lang { position: absolute; top: -20px; right: 172px; } .lang ul { list-style: none; } .lang ul li { float: left; display: inline; margin-right: 9px; } body.inner2.inner #main { margin:0 ; position:relative; } /*.inner2 { background:url('images/inner2.png') no-repeat 0 0; }*/ .inner2 .inner-title { padding-top:40px; padding-bottom:20px; padding-right: 15px; width: 20%; text-align: right; } .inner2 .inner-title h2 { font-size:21px; color:#ef542c; font-family: 'chaparral-pro'; font-weight: normal; text-transform: uppercase; } .inner2 .left-navigation { width:20%; float:left; } .inner2 .left-navigation ul { list-style:none; } .inner2 .left-navigation ul li { padding-bottom:4px; padding-right: 15px; text-align: right; } .inner2 .left-navigation ul li a {display:block; font-size:16px; color:#6b6b6b; font-family: 'chaparral-pro'; } .inner2 .left-navigation ul li a.active, .inner2 .left-navigation ul li a:hover { color: black !important; } .inner2 .right-content { width:730px; float:left; display:inline; } .contact-page { padding-bottom: 60px; } .contact-page.right-content .map { padding-right:27px; float:left; display:inline; } .contact-page.right-content .map-info { /*TV removed 7/6/16 float:left; display:inline; margin-left: 30px;*/ } .contact-page.right-content .map-info p { font-size:18px; color:#6b6b6b; font-family: 'chaparral-pro'; line-height:22px; } .contact-page.right-content .map-info img.alignleft { margin: 0 28px 5px 0; } .contact-page.right-content .map-info p a {/*font-size:14px; color:#666;*/ font-weight: normal;/* font-family: verdana, Arial, sans-serif;*/ } .inner2 #main .people-sub p.back { padding-top:0; } @media only screen and ( max-width: 35em ) { /*.region-hero .region-hero-inner { padding-top: 30px; } .region-hero .left, .region-hero .right, .region-hero ul.mini-nav { float: none; } .region-hero .left { margin: 20px 0; } .region-hero img { height: 100%; width: auto !important; }*/ .inner2 .inner-title { width: auto; margin: 0 -10px; text-align: center; padding: 20px 0; background: #b7b7b7; } .inner2 .inner-title h2 { color: white !important; } .contact-page.right-content, .contact-page.right-content .map-info { width:100%; float:left; display: block; margin: 0; } .inner2 .left-navigation, .region-hero .left { width: auto; margin: 0 -10px 25px -10px; float: none; } .region-hero img {position: absolute;top: 0;left: 0; width: auto; height: 100%;} .region-hero { margin-bottom: 25px; overflow: visible; } .region-hero .region-hero-inner { position: relative; } .inner2 .left-navigation ul, .region-hero .left ul.mini-nav { text-align: center; background: #727c87; box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3); white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .region-hero .left { display: block; float: none; margin: auto -10px; width: auto; } .region-hero .right {float: none;padding: 0;} .region-hero .left ul.mini-nav li, .inner2 .left-navigation li { list-style: none; padding: 10px 15px 7px 15px !important; display: inline-block; } .region-hero .left ul.mini-nav li:last-of-type { border-right: none; } .region-hero ul.mini-nav li a, .inner2 .left-navigation li a { text-align: left; color: white !important; } #main .content.events { width: 100%; } #main .content.events .entry .text { padding-left: 0; } .mini-nav .current_page_item, .left-navigation .current_page_item { border-bottom: 3px solid white; } } /* People Sub */ .person #main .content .sub-info { margin-top: 15px; width: 100%; } .person #main .content .sub-info:last-of-type { margin-bottom: 20px; } .person #main .content .entry .text h4.posttitle { padding-bottom: 0; } .person #main .content .entry .text p.subtitle { padding-top: 0; } .person #main .content .entry .text h4 a {color:#019285; } /* .person #main .people-sub .entry h5 { color:#019285; } This is making things green - disabling for the moment */ .person #main .people-sub .entry h2 { margin-bottom: 8px; } /* Latest Publications Block */ .latest-publications { } .latest-publications ul { list-style: none; margin: 0 !important; } .latest-publications ul li { padding: 0 0 20px 0 !important; } .latest-publications ul li:after { content: ""; display: table; clear: both; } .latest-publications a { color: #666 !important; } .latest-publications a:hover { color:#F05330 !important; } .latest-publications .image { float: left; width: 10% !important; margin-right: 2.5%; } .latest-publications .image img { display: block; width: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.3); } .latest-publications .info { float: left; width: 75%; } .latest-publications .title { display: block; font-size: 20px; line-height: 24px; /*margin-top: 7px;*/ font-style: italic; } .latest-publications .meta { font-family: verdana, Arial, sans-serif; margin-top: 3px; font-size: 11px; font-weight: bold; text-transform: uppercase; } .latest-publications .meta a { border-right: 1px solid; padding-right: 10px; margin-right: 3px; } .latest-publications .meta a:last-child { border: none; } .latest-publications .download { float: right; width: 10%; margin-left: 2.5%; text-align: center; font-family: verdana, Arial, sans-serif; text-transform: uppercase; font-size: 12px; background: url(images/icon-download.png) no-repeat center 0; background-size: 30px; padding-top: 36px; position: relative; line-height: normal;} .latest-publications .download:before { content: "Download"; font-size: 8px; position: absolute; bottom: -11px; left: 0; width: 100%; line-height: normal; text-align: center; color: #888; } @media only screen and ( max-width: 35em ) { .latest-publications ul li a.image { display: none; } .latest-publications ul li .info { width: 87%; } .latest-publications ul li .info .title { margin-top: 0px; } .latest-publications ul li .download { float: left; margin-left: 1%; } } /* Publications */ .inner2 #main p.top { /*padding-top:0;*/ padding-bottom:40px; } .inner2 #main.events p.top { padding-top: 35px; } .inner2 #main p.top a { color:#7b7976; text-decoration:underline; } .inner2 #main p.top a:hover { text-decoration:none; } .inner2 #main ol { font-size:17px; line-height:18px; color:#747270; font-family: 'chaparral-pro'; padding-left:20px; padding-top:10px; } .inner2 #main ol li { padding-bottom:10px; } .inner2 #main h5 { /*color:#62a69c;*/ padding-bottom:7px; } /*.inner2 #main.publications .entry { padding-bottom:7px; }*/ .inner2 #main.publications .sub-info { } .inner2 #main.publications .sub-info h5 { font-size:16px; font-family: 'chaparral-pro'; padding-bottom:10px; font-weight:normal; } .inner2 #main.publications .sub-info p {color: #666666; font-family: 'chaparral-pro'; font-size: 16px; line-height: 21px; padding-bottom:10px; } /* Blog */ .blog-page { padding-bottom:100px; } .blog-page:after { content:""; display: table; clear:both; } .blog-hero.hero p { font-size:24px; color:#fff; line-height:26px; padding-top:10px; line-height:26px; font-family: 'chaparral-pro'; } .blog-hero.hero .jcarousel-next, .blog-hero.hero .jcarousel-prev { display:none !important; } .blog-page .blog-content { float:left; width: 77%; padding-top:47px; } .blog-page .blog-post { padding-bottom:50px; } .blog-page .blog-post .post-title img { float:left; display:inline; padding-right:14px; } .blog-page .blog-post .post-title h3 { background:none !important; margin-bottom:0 !important; } .blog-page .blog-post .post-title h3 a, #main .blog-page .blog-post .post-title h3.posttitle { font-size: 25px; line-height: 29px; font-family: 'chaparral-pro', Verdana, Arial, sans-serif; color: #ef542c; background: none; ;} .blog-page .blog-post .post-title p { font-size:18px; color:#7b7976;font-family: 'chaparral-pro';font-style:italic; } .blog-page .blog-post .post-title p a { font-size:18px; color: #7b7976 !important; font-style:italic; text-decoration:underline; } .blog-page .blog-post .post-entry { padding-top:15px; } .blog-page .blog-post .post-entry, .blog-page .blog-post .post-entry p { font-family: 'chaparral-pro'; font-size: 18px; line-height: 21px; color:#666; } .blog-page .blog-post .post-entry.entry h5 { padding-bottom: 7px; } .blog-page .blog-post .post-entry .wp-caption { border: 0px; padding: 0px; margin: 5px 10px 0px 0px; } .blog-page .blog-post .post-entry p.wp-caption-text {font-size: 11px; line-height: 12px; text-align:left; padding-top: 5px; padding-bottom: 5px; } .blog-page .blog-post .post-entry p.wp-caption-text em { font-size: 11px; } .blog-page .blog-post .post-entry blockquote { margin:0 90px 0 60px; font-family: 'chaparral-pro'; font-size: 18px; line-height: 19px; color:#7b7976; background-color:#e3e3e3; padding:15px 15px 15px 15px; } .blog-page .blog-post .post-entry p { padding-bottom:15px; } .blog-page .blog-post .post-entry sup, sub {height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size: 50%; } .blog-page .blog-post .post-entry sup { bottom: 1ex; } .blog-page .blog-post .post-entry sub { top: .5ex; } .blog-page .blog-post .post-entry p.read-more a { font-size: 11px; color: #7b7976 !important; font-family: Verdana, Arial, sans-serif; font-weight: 600; } .blog-page .blog-post .post-entry p.read-more a:hover { text-decoration: none; } .blog-page .blog-post .post-entry ol { padding:0px 120px 0px 20px; } .blog-page .blog-post .post-entry ul { padding: 0 10% 2% 2%; } .blog-page .blog-post .post-info { border-top:1px solid #ccc; padding-top:9px; padding-bottom: 20px; } .blog-page .blog-post .post-info .left { } .blog-page .blog-post .post-info .left ul { list-style:none; } .blog-page .blog-post .post-info .left ul li { float:left; display:inline; margin-right:4px; } .blog-page .blog-post .post-info .left ul li a {; } .blog-page .blog-post .post-info .right { } .blog-page .blog-post .post-info .right p { font-size:11px; color:#7b7c7d; font-family: Verdana, Arial, sans-serif; } .blog-page .blog-post .post-info .right p a { color: #7b7c7d;} .blog-page .navigation { padding: 0px; float: center; font-family: 'chaparral-pro'; font-size:16px; color:#666; } .blog-page #sidebar { padding-top: 13px; float:right !important; margin-top: 17px; /*background: #f6f6f6;*/ } .blog-page #sidebar ul li form .submit { background:url("images/search.png") no-repeat scroll 0 0px !important; } .blog-page #sidebar .search select { width:145px; padding-left:5px; height:22px; padding-top:2px; margin-top:20px; font-size:11px; color:#6d6e71; font-family: Verdana, Arial, sans-serif; } @media only screen and ( max-width: 50em ) { .blog-page .blog-content { width: 100%; padding-top: 0px; } .blog-page .blog-content p img { height: auto; } .single-post #main .blog-page .post { width: 100% !important; } .single-cpi_pr #main .content .entry .text { width: 100% !important; } } ul.archive, .theme-widget-archives ul { list-style:none; } ul.archive li, .theme-widget-archives ul li { padding-bottom:0 !important; } ul.archive li a, .theme-widget-archives ul li a { font-size:11px; color:#7b7c7d; font-weight:bold; font-family: Verdana, Arial, sans-serif; } p.subscribe a {font-size:11px; color:#666; background:url('images/rss.png') no-repeat 0 0; padding-left:18px; } /* Colors */ /*.home-china { background:url('images/home-beijing.png') repeat-x 0 0 !important; } .home-china #main .main-cols .event-item h4 a { color:#704a77 !important; } .home-china #main .main-cols .event-item p.first { color:#704a77 !important; } .home-china p.load-more a { color:#76507d; } .home-china #main .main-cols h3 { background:url('images/purple-line.png') no-repeat 0 bottom !important; } .home-china p.load-more a { background:url('images/load3.png') no-repeat 68px 50%; } .home-hydernad { background:url('images/home-hyd.png') repeat-x 0 0 !important; } .home-hydernad #main .main-cols .event-item h4 a { color:#567aa1 !important; } .home-hydernad #main .main-cols .event-item p.first { color:#567aa1 !important; } .home-hydernad p.load-more a { color:#567aa1; } .home-hydernad #main .main-cols h3 { background:url('images/blue-line.png') no-repeat 0 bottom !important; } .home-hydernad p.load-more a { background:url('images/load4.png') no-repeat 68px 50%; } .home-rio { background:url('images/home-rio.png') repeat-x 0 0 !important; } .home-rio #main .main-cols .event-item h4 a { color:#feb020 !important; } .home-rio #main .main-cols .event-item p.first { color:#feb020 !important; } .home-rio p.load-more a { color:#feb020; } .home-rio #main .main-cols h3 { background:url('images/yellow-line.png') no-repeat 0 bottom !important; } .home-rio p.load-more a { background:url('images/load5.png') no-repeat 68px 50%; } .home-san-francisco { background:url('images/body-home.png') repeat-x 0 0 !important; } .home-san-francisco #main .main-cols .event-item h4 a { color:#dd6b2c !important; } .home-san-francisco #main .main-cols .event-item p.first { color:#dd6b2c !important; } .home-san-francisco p.load-more a { color:#dd6b2c; } .home-san-francisco #main .main-cols h3 { background:url('images/orange-line.png') no-repeat 0 bottom !important; } .home-san-francisco p.load-more a { background:url('images/load.png') no-repeat 68px 50%; } .home-europe { background:url('images/home-venice.png') repeat-x 0 0 !important; } .home-europe #main .main-cols .event-item h4 a { color:#b53c36 !important; } .home-europe #main .main-cols .event-item p.first { color:#b53c36 !important; } .home-europe p.load-more a { color:#b53c36; } .home-europe #main .main-cols h3 { background:url('images/red-line.png') no-repeat 0 bottom !important; } .home-europe p.load-more a { background:url('images/load.png') no-repeat 68px 50%; }*/ /* =Comments -------------------------------------------------------------- */ #comments { clear: both; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { color: #000; font-size: 20px; font-weight: 700; margin-bottom: 0; } h3#comments-title { padding: 24px 0; } .commentlist { list-style: none; margin: 12px 12px 0 12px; } .commentlist li.comment .children li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative; } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .comment p { font-size: 13px; } .commentlist ol { list-style: decimal; } .commentlist .avatar { position: relative; top: 4px; left: 0; } .comment-author cite { color: #000; font-style: normal; font-weight: bold; } .comment-author .says { font-style: italic; } .comment-meta { font-size: 12px; margin: 0 0 8px 0; } .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; } .comment-meta a:active,.comment-meta a:hover { color: #ff4b33; } .reply { font-size: 12px; padding: 0 0 24px 0; } .reply a, a.comment-edit-link { color: #888; } .reply a:hover, a.comment-edit-link:hover { color: #ff4b33; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li { border: none; margin: 0; } .nopassword, .nocomments { display: none; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } /* Comments form */ input[type=submit] { color: #333; } #respond { border-top: 1px solid #e7e7e7; margin: 24px 12px 24px 12px; overflow: hidden; position: relative; width: 98% ; } #respond p { margin: 0; } #respond h3 { padding: 10px 0; color: #888888; font-size: 17px; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; } h3#reply-title { margin: 18px 0; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { color: #888; font-size: 12px; } #respond input { margin: 0 0 9px; width: 40%; display: block; } #respond input#submit { width: 120px; margin-top: 12px; } #respond textarea { width: 98%; display: block; } #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit input { font-size: 14px; width: auto; } /* General Info Page */ .sliders { } .sliders #main p.top { padding: 35px 0; } .sliders .content-border.inner-bg { background: #fff !important; } .sliders .info-content { margin-bottom:80px; } .sliders .info-t { height:5px; background:url('images/info-t.png') repeat-x 0 0; } .sliders .info-bg { background:#f2f2f2; padding-top:30px; padding-bottom:20px; } .sliders .title .shell p { font-family: 'cronos-pro'; margin: 20px 0 10px; font-size:36px; line-height:36px; color:#747270; cursor:pointer; } .sliders .title .shell p span { float:left; display:inline; } .sliders .title .shell p span.arrow { width:13px; height:13px; float:left; display:inline; background:url('images/generalarrow.png') no-repeat 0 0; margin-left:15px; margin-top:12px; } .sliders .title .shell p.active { color:#f05330; } .sliders .title .shell p.active span { background-position:0 bottom; } .sliders .info-b { height:5px; background:url('images/info-b.png') repeat-x 0 0; } .sliders .hidden { display:none; } .sliders .info-holder { padding: 0 40px; } .sliders .info-holder p, .sliders .info-holder ul { font-size:17px; line-height:19px; color:#747270; font-family: 'chaparral-pro'; padding-bottom: 22px; } .sliders .info-holder ul li { margin-bottom: 6px; } .sliders .info-holder h3 { color: #747270; font-family: 'chaparral-pro'; font-size: 22px; line-height: 27px; font-weight: normal; padding-bottom: 12px; } .sliders .with-bg .info-bg { background-repeat: no-repeat; background-position: center 0; min-height: 325px; } .sliders .with-bg .info-t { position: relative; margin-bottom: -5px; } .sliders .with-bg .info-b { position: relative; margin-top: -5px; } .sliders .info-holder img.alignleft { margin: 5px 28px 10px 0; } .sliders .info-holder h4 { padding-bottom: 10px; } .partners .partner { padding-bottom:64px; } .sliders .partner-logo { width:257px; float:left; display:inline; padding-right:57px; } .sliders .partner-info { width:375px; float:left; display:inline; } .sliders .partner-info h3 { color:#f05330; font-family: 'chaparral-pro'; font-size:24px; font-weight:normal; line-height:31px; padding-bottom:9px; } .sliders .partner-info p a { font-size:11px; color:#747270; font-weight:bold; font-family:Verdana, Arial, Helvetica, 'Trebuchet MS', Sans-serif; } @media screen and (max-width: 480px) { .sliders .title .shell p { font-size: 24px; line-height: 1em; } .sliders .title .shell p span.arrow { margin-top: 7px; } .sliders .info-holder { padding: 0; } .sliders .info-bg { padding-bottom: 10px; } .person #main .content.people-sub .entry .text .side-content .sub-info { margin-top: 0px; /*width: 50%;*/ } .person #main .content.people-sub .entry .text .sub-info { width: 100%; } } /* Styles added by Jonathan */ .gallery .gallery-item { width: 25% !important; } .mfp-figure figure { background: #fff !important; } .clearfix:after { content:""; display:table; clear:both; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* ^ End Magnific Popup CSS ^ */ /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0; overflow: hidden; } .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { /*position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;*/ } .flex-viewport { /*max-height: 2000px;*/ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; /*overflow: visible !important;*/ } .loading .flex-viewport { display: none; max-height: 400px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0; display: none; } .flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 40px; line-height: 40px; font-size: 40px; margin: -20px 0 0; position: absolute; top: 90%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } /*.flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; }*/ .flexslider:hover .flex-prev { opacity: 0.7; left: 20px; } .flexslider:hover .flex-next { opacity: 0.7; right: 20px; } .flexslider:hover .flex-next {opacity: 0.7;/*right: 300px;*/} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } @media screen and ( max-width: 56em ) { .flex-direction-nav { display: block; } .flex-direction-nav li a { color: white !important; opacity: 1; text-shadow: 2px 2px 4px hsl(0,0%,20%); } .flexslider .flex-next { right: 20px; } .flexslider .flex-prev { left: 20px; } } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(255,255,255,0.75); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} /* Home Slider */ .slider-background { height: 325px; background-position: center bottom; /* background-size: auto 325px; */ background-size: cover; background-repeat: no-repeat; background-color: #ebebeb; } .home .slider-container { /* clear: both; float: none;*/ overflow: hidden; width: 100%; position: absolute; top: 260px; z-index: 20; } #slider .slides li { /*height: 400px;*/ min-height: 325px; display: block; width: auto; background-size: cover; } #slider .slides .slide-text { display: block; margin: 0% 0% auto 0%; padding: 20px; } @media only screen and ( min-width: 56em ) { #slider .slides li { background-image: none !important; } } @media only screen and ( max-width: 56em ) { .home .slider-container, .slider-background { display: none; } .homepage { margin-top: 0px; } #slider .slides li { height: 400px; } #slider .slides .slide-text { margin: 0px; padding: 15px; } } #slider .slides .slide-text a:hover { text-decoration: none; } #slider .slides .slide-text .title, #slider .slides .slide-text .title a { color: white; font-family: "Whitney A", "Whitney B"; font-weight: 800; font-style: italic; font-size: 1.9em; line-height: .9em; text-transform: uppercase; text-shadow: 4px 4px 8px hsl(0, 0%, 20%); margin-bottom: 10px; } #slider .slides .slide-text .subtitle, #slider .slides .slide-text .subtitle a { color: white; font-family: "Whitney A", "Whitney B"; font-size: 1.6em; line-height: 1.2em; font-weight: 600; text-shadow: 2px 2px 6px hsl(0, 0%, 2%); padding-top: 5px; } @media screen and (max-width: 480px) { #slider .slides .slide-text .title, #slider .slides .slide-text .title a { font-size: 1.8em; line-height: .9em; text-shadow: 2px 2px 4px hsl(0,0%,20%); } #slider .slides .slide-text .subtitle, #slider .slides .slide-text .subtitle a { padding-top: 10px; font-size: 1.5em; } } #carousel { margin: 0 5%; /*overflow: hidden;*/ } #carousel .slides li { overflow: hidden; width: 120px !important; height: 60px; padding: 0px; opacity: .5; cursor: pointer; margin-right: 15px; border: 1px solid hsl(0,0%,20%); background-size: cover; } #carousel .slides li .slide-text { padding: 7px 5px; } #carousel .slides li .slide-text .title { opacity: 0; overflow: hidden; height: 60px; width: 100%; font-family: "Whitney Cond A", "Whitney Cond B"; color: #ffffff; font-size: 14px; font-weight: 700; text-align: center; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #carousel .slides li:hover { width: 120px; opacity: .75; -webkit-transition-duration: .33s; transition-duration: .33s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; overflow: hidden; } #carousel .slides li.flex-active-slide { opacity: 1; box-shadow: -2px 2px 4px hsl(0,0%,10%); } #carousel .slides li.flex-active-slide .slide-text { height: 60px; position: relative; width: 100%; background-color: rgba(0,0,0,0.5); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #carousel .slides li.flex-active-slide .slide-text .title { opacity: 1; } #carousel .slides li:last-of-type { margin-right: 0px none; } #carousel .slides .slide-text a:hover { text-decoration: none; } #carousel .slides li:hover .slide-text, #carousel .slides li:hover .slide-text .title { opacity: 1; /*background-color: rgba(0,0,0,0.5);*/ font-family: "Whitney Cond A", "Whitney Cond B"; color: #ffffff; font-size: 14px; font-weight: 700; text-align: center; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } #carousel .slides .slide-text .subtitle, #carousel .slides .slide-text .subtitle a { color: #ffffff; font-size: 12px; line-height: 14px; margin-top: 5px; } #carousel .flex-direction-nav a { display: none; }