/* ------------------------------------------------------------------------------- 0. Reset & Clearfix 1. Document Setup 2. Wrap 3. Header 4. Content 5. Homepage 6. About 7. Services 8. Pricing Tables 9. Shortcodes 10. Blog 11. Portfolio 12. Contact 13. Widgets 14. Footer 15. Media Queries */ /* ------------------------------------------------------------------------------- */ /* 0. Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/) /* ------------------------------------------------------------------------------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#f5d0d3;font-style:italic}input,select{vertical-align:middle}ins{background-color:#B5121B;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0} .clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1} sup {font-size:xx-small; vertical-align:super;} /* ------------------------------------------------------------------------------- */ /* 1. Document Setup /* ------------------------------------------------------------------------------- */ html { overflow-x: hidden; } body { /* background: #eeeeee;*/ color: #333333; font: 12px/1.7 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; overflow-y: auto; overflow-x: hidden; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } a, a > * { color: #000000; text-decoration: none; font-weight: bold; -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease; -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease; -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease; -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease; transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease; } a:hover, a > *:hover { color: #b5121b; } ::-moz-selection { background: #333333; color: #fff; text-shadow: none; } ::selection { background: #333333; color: #fff; text-shadow: none; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 18px; font-weight: 400; } h4 { font-size: 16px; font-weight: 400; } h5 { font-size: 12px; } h6 { font-size: 11px; } h1, h2 { color: #333333; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; line-height: 1.25; text-transform: uppercase; } h3, h4, h5, h6 { color: #B5121B; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; line-height: 1.25; margin-top: 20px; } /* H3 to H6 override for pillar colours -----*/ .txtgreyHOverride {color: #aaaaaa !important;} .txtblueHOverride {color: #7581bf !important;} .txtorangeHOverride {color: #df7a1c !important;} .txtgreenHOverride {color: #8d8b00 !important;} .txtbrownHOverride {color: #ba783e !important;} .txtaquaHOverride {color: #45949B !important;} .txtgoldHOverride {color: #D49D50 !important;} .txtburgundyHOverride {color: #A14870 !important;} .txtredHOverride {color: #b5121b !important;} h1.capitalize { text-transform: capitalize; } dl,hr,h1,h2,h3,h4,h5,h6,pre,table,address,fieldset,blockquote,p { margin-bottom: 10px; } hr.h80 { margin: 40px 0; } hr.hsimple { border-top: 1px dotted #dddddd; margin: 15px 0px 15px 0px; } hr.hsimplegrey { border-bottom: 1px dotted #cccccc; display: block; margin: 15px 0px 15px 0px; } hr.hsimplelist { border-bottom: 1px dotted #cccccc; display: block; margin: 3px 0px 3px 0px; } hr.trclist { border-top: 1px solid #999999; margin: 7px 0px 7px 0px; } /* Add bullets to text list */ ul .textlist { list-style-type: square !important; list-style-position: outside !important; margin-left: 25px; text-align: left; } /*For use with the Blog carousel buttons when used with p tag */ .alignTextBttn { display: inline-block; vertical-align: baseline; line-height: -20%; } /* Footnotes --------------------------------*/ .footnote { font-size: 90%; text-align: left; padding-left: 20px; text-indent: -20px; } .footnotetitle { font-style: italic; } /* Forms --------------------------------*/ input[type="text"],input[type="password"], textarea { background: url(../images/nav/bg_dots_grey.png); border-radius: 0; color: #cccccc; display: block; font: 11px/1.7 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight: 700; margin-bottom: 20px; padding: 7px 9px; text-transform: uppercase; width: 240px; } textarea { resize: none; width: 500px; } input[type="submit"], input[type="reset"], input[type="button"], button, .button { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-size: 100% 200%; color: #eeeeee; cursor: pointer; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight: 600; padding: 7px 25px 8px; -webkit-transition: background .2s ease-out; -moz-transition: background .2s ease-out; -ie-transition: background .2s ease-out; -o-transition: background .2s ease-out; transition: background .2s ease-out; } input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover { color: #fff; text-decoration:underline; } /* ------------------------------------------------------------------------------- */ /* 2. Wrap /* ------------------------------------------------------------------------------- */ #body-wrapper { background: #fff; left: 50%; margin-left: -520px; position: relative; width: 1040px; } .container { margin: 0 20px; padding: 0 30px; position: relative; } /* Columns --------------------------------*/ .one-fourth, .three-fourth, .one-third, .two-third, .one-half { float: left; margin-right: 15px !important; position: relative; } .one-fourth.last, .three-fourth.last, .one-third.last, .two-third.last, .one-half.last { margin-right: 0 !important; } /*Add NCCAH column border for one-third size*/ .one-third.divider { float: left; position: relative; margin-right: 20px !important; padding-right: 10px; border-right: dotted 1px #dddddd; width: 290px; } .one-third.dividerLast { float: left; position: relative; margin-right: 0px !important; padding-right: 0px; width: 290px; } .one-third.darkDivider { float: left; position: relative; margin-right: 20px !important; padding-right: 10px; border-right: dotted 1px #444444; width: 290px; } .one-third.darkDividerLast { float: left; position: relative; margin-right: 0px !important; padding-right: 0px; width: 290px; } .one-fourth { width: 215px; } .three-fourth { width: 700px; } .one-third { width: 300px; } .two-third { width: 620px; } .one-half { width: 460px; } /* ------------------------------------------------------------------------------- */ /* 3. Header /* ------------------------------------------------------------------------------- */ #header { background: url(../images/nav/sep_d.png) repeat-x 0 100%; height: 50px; } /* Main Logo and Slogan --------------------------------*/ #header-logo { background: #ffffff; margin: 0 0 0; padding: 15px 0px 15px 50px; } .logo-main { float: left; height: 100px; } /* Sub Template Header Images ------------------------*/ #subheader-image-generic { //background-image: url(../images/sliders/generic/header-generic-001.jpg); display: block; margin: 0 auto; padding: 0px; width: 100%; height: 120px; } #subheader-image-context { //background-image: url(../images/sliders/context/header-context-001.jpg); display: block; margin: 0 auto; padding: 0px; width: 100%; height: 120px; } #subheader-image-determinants { //background-image: url(../images/sliders/determinants/header-determinants-001.jpg); display: block; margin: 0 auto; padding: 0px; width: 100%; height: 120px; } #subheader-image-emerging { //background-image: url(../images/sliders/emerging/header-emerging-001.jpg); display: block; margin: 0 auto; padding: 0px; width: 100%; height: 120px; } #subheader-image-familyhealth { //background-image: url(../images/sliders/family-health/header-familyhealth-001.jpg); display: block; margin: 0 auto; padding: 0px; width: 100%; height: 120px; } /* Pillar Links Text Top --------------------------------*/ .pillar-links-text { float: right; padding: 50px 50px 0px 0px; position: relative; } .pillar-links-text li { font-size: 12px; font-weight: 500; color: #cccccc; display: block; float: left; height: 21px; margin: 0px 3px 0px 3px; position: relative; } .pillar-links-text a { color: #cccccc; } .pillar-links-text a:hover { color: #b5121b; text-decoration: underline; } /* Publication Request Links Top --------------------------------*/ .pub-request { float: right; padding: 15px 50px 0px 0px; position: relative; } .pub-request li { font-size: 12px; font-weight: 500; color: #cccccc; display: block; float: left; height: 21px; margin: 0px 4px 0px 4px; position: relative; } .pub-request a { color: #aaaaaa; } .pub-request a:hover { color: #ffffff; text-decoration: underline; } /* Mailing List Link Top --------------------------------*/ .mailing-list { float: left; padding: 15px 0px 0px 50px; position: relative; } .mailing-list li { font-size: 12px; font-weight: 500; color: #cccccc; display: block; float: left; height: 21px; margin: 0px 4px 0px 4px; position: relative; } .mailing-list a { color: #aaaaaa; } .mailing-list a:hover { color: #ffffff; text-decoration: underline; } /* Search Header // See widgets section 13 --------------------------------*/ #mainsearch .widget_search input { width: 300px !important; float: right; border: 1px solid #aaaaaa; margin-right: 50px; } #mainsearch .widget_search { margin: 0 0 0px !important; } /* Social Media Icons Top --------------------------------*/ #social-icons, #top-menu { background: #333333; margin: 0 0 0; padding: 20px 0px 0px 0px; } .social-links-top { float: left; padding: 0px 0px 15px 50px; } .social-links-top li { display: block; float: left; height: 21px; margin: 0 0 0 0px; position: relative; text-indent: -9999px; width: 21px; } .social-links-top li a { position: absolute; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; top: 0; left: 0; bottom: 0; right: 0; } .social-links-top li a:hover { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .social-links-top .twittertop { background: url(../images/icons/twitter.png) no-repeat; background-position: 0 -21px; margin-right: 8px; } .social-links-top .twittertop a { background: url(../images/icons/twitter.png) no-repeat; } .social-links-top .facebooktop { background: url(../images/icons/facebook.png) no-repeat; background-position: 0 -21px; margin-right: 8px; } .social-links-top .facebooktop a { background: url(../images/icons/facebook.png) no-repeat; } .social-links-top .linkedintop { background: url(../images/icons/linkedin.png) no-repeat; background-position: 0 -21px; margin-right: 8px; } .social-links-top .linkedintop a { background: url(../images/icons/linkedin.png) no-repeat; } .social-links-top .instagramtop { background: url(../images/icons/instgram.png) no-repeat; background-position: 0 -21px; margin-right: 8px; } .social-links-top .instagramtop a { background: url(../images/icons/instgram.png) no-repeat; } .social-links-top .googletop { background: url(../images/icons/google.png) no-repeat; background-position: 0 -21px; margin-right: 8px; } .social-links-top .googletop a { background: url(../images/icons/google.png) no-repeat; } .social-links-top .vimeotop { background: url(../images/icons/vimeo.png) no-repeat; background-position: 0 -21px; margin-right: 8px; } .social-links-top .vimeotop a { background: url(../images/icons/vimeo.png) no-repeat; } .social-links-top .youtubetop { background: url(../images/icons/youtube.png) no-repeat; background-position: 0 -21px; margin-right: 8px; } .social-links-top .youtubetop a { background: url(../images/icons/youtube.png) no-repeat; } .social-links-top .soundcloudtop { background: url(../images/icons/soundcloud.png) no-repeat; background-position: 0 -21px; margin-right: 8px; } .social-links-top .soundcloudtop a { background: url(../images/icons/soundcloud.png) no-repeat; } .social-links-top .pintresttop { background: url(../images/icons/pintrest.png) no-repeat; background-position: 0 -21px; margin-right: 8px; } .social-links-top .pintresttop a { background: url(../images/icons/pintrest.png) no-repeat; } .social-links-top .issuutop { background: url(../images/icons/issuu.png) no-repeat; background-position: 0 -21px; margin-right: 8px; } .social-links-top .issuutop a { background: url(../images/icons/issuu.png) no-repeat; } /* Navigation --------------------------------*/ #navigation { float: left; } #navigation li { float: left; position: relative; } #navigation a { color: #333333; display: block; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 12px; font-weight: 700; margin: 0px 20px 0px 0px; padding: 15px 0px 15px; position: relative; text-transform: uppercase; } #navigation a:hover, #navigation .hover > a, #navigation .current > a { background: url(../images/nav/menu_active_item.png) repeat-x 0 100%; color: #b5121b; } /* Dropdown --------------------------------*/ /* Override for pillar background colours */ .greyNavOverride {background-color: #aaaaaa !important;} .blueNavOverride {background-color: #7581bf !important;} .orangeNavOverride {background-color: #df7a1c !important;} .greenNavOverride {background-color: #8d8b00 !important;} .brownNavOverride {background-color: #ba783e !important;} #navigation ul { background: #b5121b; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); box-shadow: 0 1px 3px rgba(0, 0, 0, .2); display: none; left: 0; margin: 0px 0px 0px 0px; padding: 0; position: absolute; top: 50px; width: 180px; z-index: 9999; } #navigation .pillars ul { background: #eeeeee; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); box-shadow: 0 1px 3px rgba(0, 0, 0, .2); display: none; left: 0; margin: 0px 0px 0px 0px; padding: 0; position: absolute; top: 50px; width: 180px; z-index: 9999; } #navigation ul li { border-bottom: 1px dotted #dddddd; float: none; } #navigation ul li:last-child { border-bottom: none; } #navigation ul li i { background: url(../images/nav/menu_i.png) no-repeat 0 0; height: 5px; position: absolute; right: 10px; top: 40%; width: 3px; } #navigation ul a { color: #e5af9c; display: block; font-size: 11px; font-weight: 600; margin: 0; padding: 7px 20px; text-transform: none; } #navigation .pillars ul a { color: #cccccc; display: block; font-size: 11px; font-weight: 600; margin: 0; padding: 7px 20px; text-transform: none; } #navigation ul a:hover, #navigation ul .hover > a, #navigation ul .current > a, #navigation ul .current > a:hover { color: #ffffff; font-weight: 700; background: url(../images/nav/menu_active_item_white.png) repeat-x 0 100%; } /* Sub Dropdown --------------------------------*/ #navigation ul ul { left: 180px; margin: 0; top: 0; } /* Responsive Nav --------------------------------*/ .selectnav { display: none; } /* ------------------------------------------------------------------------------- */ /* 4. Content /* ------------------------------------------------------------------------------- */ #content { } #main { float: left; margin: 0 40px 0 0; width: 680px; } #sidebar { float: right; width: 220px; } /* iframes ---------*/ iframe { display: block; } /* width 460 height 345 for half page video always on left --------*/ .videohalf { width: 460px; float: left; text-align: left; margin: 10px 20px 10px 0px; } /* width 900 height 675 for full page video always on left --------*/ .videofull { width: 900px; float: left; text-align: left; margin: 10px 20px 10px 0px; } .fullwidth { float: left; margin: 42px 35px 10px 0px; width: 100%; font-size: 14px; } /* Back to Top --------------------------------*/ #back-top a { background: #cccccc url(../images/nav/back_top.png) no-repeat 50% 50%; bottom: 30px; display: block; height: 40px; position: fixed; right: 30px; width: 40px; z-index: 9999; } #back-top a:hover { background: #b5121b url(../images/nav/back_top.png) no-repeat 50% 50%; } /* Page Title --------------------------------*/ .page-title, .page-title-inner, .page-title-alt { color: #7a7a7a; display: inline-block; font-size: 40px; font-weight: 100; letter-spacing: 2px; line-height: 1.5; margin: 0 -30px; padding: 30px 30px 5px; width: 100%; } .page-title .accent, .page-title-alt .accent { color: #b5121b; } .page-title-inner { background: url(../images/nav/sep_d.png) repeat-x 0 100%; color: #333333; margin-bottom: 21px; padding-bottom: 21px; } .page-title-inner .section-title { color: #7a7a7a; display: block; font-size: 30px; letter-spacing: normal; line-height: 1.5; width: 100%; } .page-title-inner .accent { color: #b5121b; } .section-title-sm { color: #333333; display: inline-block; font-size: 24px; font-weight: 100; letter-spacing: 2px; line-height: 1.2; margin: 0 -30px; padding: 10px 30px 30px; width: 100%; } .section-title-sm .accent { color: #b5121b; } .page-title-inner.fixed { background: none; margin-bottom: 0; } .page-title-alt { font-size: 72px; line-height: 1.2; margin: 0 -30px; padding-bottom: 75px; padding-top: 70px; } /* Black & White Wrapper --------------------------------*/ .bw-wrapper { display: block; position: relative; } .bw-wrapper canvas { margin-left: auto; margin-right: auto; right: 0; z-index: 9999; } /* Photo images in web stories, body content or side bar -------------*/ .photo-onecol img { display: block; width: 940px; } .photo-twocol img { display: block; width: 460px; } .photo-threecol img { display: block; width: 300px; } .photo-fourcol img { display: block; width: 215px; } .photo-onethird img { display: block; width: 300px; } .photo-twothird img { display: block; width: 620px; } .photo-onecol, .photo-twocol, .photo-threecol, .photo-fourcol, .photo-onethird, .photo-twothird figure { font-size: 0.75em; line-height: 200%; } .photo-floatright { float: right; text-align: right; margin: 10px 0px 10px 20px; } .photo-floatleft { float: left; text-align: left; margin: 10px 20px 10px 0px; } /* Div swap for TRC interactive page -------------*/ /* Tooltip container */ .tooltip { position: relative; display: inline-block; text-align: left; } /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; width: 260px; background-color: #999999; color: #FFFFFF; text-align: left; font-size: 14px; padding: 15px 15px 15px 15px; border-radius: 3px; /* Position the tooltip text */ position: absolute; z-index: 1; top: 110%; left: 0%; } .tooltip .tooltiptext::after { content: ""; position: absolute; bottom: 100%; left: 15%; border-width: 6px; border-style: solid; border-color: transparent transparent #999999 transparent; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; } /* text link adjustment TRC page*/ a.swapgreen { color: #8D8B00 !important; } a.swapgreen:hover { color: #B9B666 !important; } a.swaporange { color: #DF7A1C !important; } a.swaporange:hover { color: #EBA76C !important; } a.swapbrown { color: #BA783E !important; } a.swapbrown:hover { color: #D9B28F !important; } a.swapblue { color: #7581BF !important; } a.swapblue:hover { color: #A4AAD6 !important; } /* images for TRC page*/ .TRCimage img{ display: block; float: left; width: 75px; padding: 3px 10px 0px 0px; } .TRCbttn img{ display: block; width: 285px; padding: 25px 0px 25px 0px; } .TRCtext { text-align: left !important; } /* ------------------------------------------------------------------------------- */ /* 5. Homepage /* ------------------------------------------------------------------------------- */ /* Project Carousel --------------------------------*/ #project-wrapper { margin: 15px 0px 0px 0px; position: relative; width: 100% !important; } .section-title { display: block; float: left; } .section-title h4 { margin: 0 0 3px !important; } .section-title p { color: #7a7a7a; } .project-carousel li { float: left; list-style: none; overflow: hidden; position: relative; } .project-carousel a { display: block; text-align: left; } .project-carousel img { display: block; position: relative; width: 100%; } .project-carousel h4 { margin: 0 0 0px; } .project-carousel .date, .project-carousel .comments { color: #7a7a7a; } .project-carousel .comments:hover { color: #b5121b; } .project-carousel p { margin: 10px 0 0; } .jcarousel-container { float: right; margin: 0; padding: 0; } .jcarousel-clip { overflow: hidden; } .jcarousel-item { margin: 0 20px 0 0; width: 220px; } /* Carousel Navigation --------------------------------*/ .jcarousel-next, .jcarousel-prev { background: #dddddd url(../images/nav/c_icon_next.png) no-repeat 50% 50%; cursor: pointer; float: left; display: block; height: 48px; margin-right: 12px; margin-top: 5px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; width: 48px; } .jcarousel-prev { background: #dddddd url(../images/nav/c_icon_prev.png) no-repeat 45% 50%; } .jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active { background: #b5121b url(../images/nav/c_icon_next_w.png) no-repeat 50% 50%; } .jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active { background: #b5121b url(../images/nav/c_icon_prev_w.png) no-repeat 45% 50%; } .jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus, .jcarousel-next-disabled:active { background: #eeeeee url(../images/nav/c_icon_next.png) no-repeat 50% 50%; cursor: default; } .jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active { background: #eeeeee url(../images/nav/c_icon_prev.png) no-repeat 45% 50%; cursor: default; } /* Project Carousel (Alt. Homepage) --------------------------------*/ #project-wrapper-alt { position: relative; width: 100% !important; } #project-wrapper-alt .jcarousel-next, #project-wrapper-alt .jcarousel-prev { background: #dddddd url(../images/nav/s_icon_next.png) no-repeat 50% 50%; cursor: pointer; height: 100%; left: 940px; margin: 0; padding: 0; position: absolute; top: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; width: 30px; } #project-wrapper-alt .jcarousel-prev { background: #dddddd url(../images/nav/s_icon_prev.png) no-repeat 45% 50%; left: -30px; } #project-wrapper-alt .jcarousel-next:hover, #project-wrapper-alt .jcarousel-next:focus, #project-wrapper-alt .jcarousel-next:active { background: #b5121b url(../images/nav/s_icon_next_w.png) no-repeat 50% 50%; } #project-wrapper-alt .jcarousel-prev:hover, #project-wrapper-alt .jcarousel-prev:focus, #project-wrapper-alt .jcarousel-prev:active { background: #b5121b url(../images/nav/s_icon_prev_w.png) no-repeat 45% 50%; } #project-wrapper-alt .jcarousel-next-disabled, #project-wrapper-alt .jcarousel-next-disabled:hover, #project-wrapper-alt .jcarousel-next-disabled:focus, #project-wrapper-alt .jcarousel-next-disabled:active { background: #eeeeee url(../images/nav/s_icon_next.png) no-repeat 50% 50%; cursor: auto; } #project-wrapper-alt .jcarousel-prev-disabled, #project-wrapper-alt .jcarousel-prev-disabled:hover, #project-wrapper-alt .jcarousel-prev-disabled:focus, #project-wrapper-alt .jcarousel-prev-disabled:active { background: #eeeeee url(../images/nav/s_icon_prev.png) no-repeat 45% 50%; cursor: auto; } #project-wrapper-alt-02 { position: relative; width: 100% !important; } #project-wrapper-alt-02 .jcarousel-next, #project-wrapper-alt-02 .jcarousel-prev { background: #dddddd url(../images/nav/s_icon_next.png) no-repeat 50% 50%; cursor: pointer; height: 100%; left: 940px; margin: 0; padding: 0; position: absolute; top: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; width: 30px; } #project-wrapper-alt-02 .jcarousel-prev { background: #dddddd url(../images/nav/s_icon_prev.png) no-repeat 45% 50%; left: -30px; } #project-wrapper-alt-02 .jcarousel-next:hover, #project-wrapper-alt-02 .jcarousel-next:focus, #project-wrapper-alt-02 .jcarousel-next:active { background: #b5121b url(../images/nav/s_icon_next_w.png) no-repeat 50% 50%; } #project-wrapper-alt-02 .jcarousel-prev:hover, #project-wrapper-alt-02 .jcarousel-prev:focus, #project-wrapper-alt-02 .jcarousel-prev:active { background: #b5121b url(../images/nav/s_icon_prev_w.png) no-repeat 45% 50%; } #project-wrapper-alt-02 .jcarousel-next-disabled, #project-wrapper-alt-02 .jcarousel-next-disabled:hover, #project-wrapper-alt-02 .jcarousel-next-disabled:focus, #project-wrapper-alt-02 .jcarousel-next-disabled:active { background: #eeeeee url(../images/nav/s_icon_next.png) no-repeat 50% 50%; cursor: auto; } #project-wrapper-alt-02 .jcarousel-prev-disabled, #project-wrapper-alt-02 .jcarousel-prev-disabled:hover, #project-wrapper-alt-02 .jcarousel-prev-disabled:focus, #project-wrapper-alt-02 .jcarousel-prev-disabled:active { background: #eeeeee url(../images/nav/s_icon_prev.png) no-repeat 45% 50%; cursor: auto; } /* View More --------------------------------*/ .work-more a { color: #7a7a7a; border-bottom: 1px dotted #cccccc; display: block; font-size: 18px; font-weight: 200; margin: 0 -30px; padding: 30px 30px; text-align: left; text-transform: uppercase; } .work-more a:hover { color: #b5121b; } .work-more .arrow { background: url(../images/nav/more_arrow_01.png) repeat-x -24px 0; display: inline-block; height: 24px; -webkit-transition: background .2s ease-out; -moz-transition: background .2s ease-out; -ie-transition: background .2s ease-out; -o-transition: background .2s ease-out; transition: background .2s ease-out; width: 24px; vertical-align:middle; } .work-more:hover .arrow { background: url(../images/nav/more_arrow_01.png) repeat-x 0 0; } /* View More Small for News Lists --------------------------------*/ .work-more-sm a { color: #7a7a7a; display: block; font-size: 14px; font-weight: 100; margin: 0 -30px; padding: 5px 0px 5px 30px; text-align: left; text-transform: uppercase; } .work-more-sm a:hover { color: #b5121b; } .work-more-sm .arrow { background: url(../images/nav/more_arrow_01.png) repeat-x -24px 0; display: inline-block; height: 24px; -webkit-transition: background .2s ease-out; -moz-transition: background .2s ease-out; -ie-transition: background .2s ease-out; -o-transition: background .2s ease-out; transition: background .2s ease-out; width: 24px; vertical-align:middle; } .work-more-sm:hover .arrow { background: url(../images/nav/more_arrow_01.png) repeat-x 0 0; } /* View More Load more news --------------------------------*/ .work-more-load a { color: #7a7a7a; display: block; font-size: 14px; font-weight: 100; margin: 0 0 0 -30px; padding: 5px 15px 5px 15px; text-align: center; text-transform: uppercase; } .work-more-load a:hover { color: #b5121b; } .work-more-load .arrow { background: url(../images/nav/more_arrow_02.png) repeat-y 0px -20px; display: inline-block; height: 20px; -webkit-transition: background .2s ease-out; -moz-transition: background .2s ease-out; -ie-transition: background .2s ease-out; -o-transition: background .2s ease-out; transition: background .2s ease-out; width: 22px; vertical-align: top; padding: 0px 15px 0px -30px; } .work-more-load:hover .arrow { background: url(../images/nav/more_arrow_02.png) repeat-y 0 0; } /* Ad List --------------------------------*/ #calendar-ads { background-color: #eeeeee; } .ad-list { display: inline-block; margin: 30px 5px 5px 5px; padding: 5px 5px 5px 5px; position: relative; } .ad-list li { border-left: 1px dotted #cccccc; display: block; float: left; height: 165px; overflow: hidden; width: 220px; position: relative; } .ad-list li:last-child { margin-right: 0px; border-right: 1px dotted #cccccc; width: 220px; } .ad-list img { display: block; margin-left: auto; margin-right: auto; width: 220px; } .ad-list .bw-wrapper { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: .5; -webkit-backface-visibility: hidden; } .ad-list .bw-wrapper:hover { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } /* ------------------------------------------------------------------------------- */ /* 6. About /* ------------------------------------------------------------------------------- */ .about-intro { color: #333333; font-size: 14px; margin: 42px 0px 0px 0px; text-align: justify; } .about-intro h4 { margin: 0 0 20px; } .team-member { border-bottom: 3px solid #cccccc; margin-bottom: 30px; -webkit-transition: border .2s ease-out; -moz-transition: border .2s ease-out; -ie-transition: border .2s ease-out; -o-transition: border .2s ease-out; transition: border .2s ease-out; } .team-member:hover { border-bottom: 3px solid #b5121b; } .member-photo img { display: block; width: 100%; } .member-info { border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; display: block; padding: 16px 15px 9px; } .member-info h4 { color: #b5121b; margin: 0; } .member-info .position { color: #7a7a7a; display: block; margin-bottom: 15px; } .member-info p { border-bottom: 1px dotted #d9d9d9; border-top: 1px dotted #d9d9d9; margin: 10px 0; padding: 20px 0; } .member-social-links { display: inline-block; } .member-social-links li { display: block; float: left; } .member-social-links a { color: #7a7a7a; font-size: 8px; letter-spacing: 1px; margin-right: 10px; text-transform: uppercase; } .member-social-links a:hover { color: #b5121b; } /* ------------------------------------------------------------------------------- */ /* 7. Services /* ------------------------------------------------------------------------------- */ .services-intro { color: #333333; font-size: 18px; margin: 0 0 80px; } .service-icon { background: #b5121b; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; display: inline-block; float: left; height: 36px; margin-top: -9px; text-align: center; width: 36px; } .service-description { margin-left: 45px; } .service-description h4 { margin: 0; } .service-description p { color: #7a7a7a; margin: 19px 0 13px; padding-right: 10px; } .service { margin-bottom: 80px; } .service li { border-bottom: 1px dotted #cccccc; display: block; padding: 7px 0; } .service li:last-child { border: none; } /* ------------------------------------------------------------------------------- */ /* 9. Shortcodes /* ------------------------------------------------------------------------------- */ .shortcodes h5 { margin-bottom: 25px; } /* REWork Template Buttons --------------------------------*/ .red { background: #b5121b; background: -webkit-linear-gradient(#b5121b, #d07059); background: -moz-linear-gradient(#b5121b, #d07059); background: -ms-linear-gradient(#b5121b, #d07059); background: -o-linear-gradient(#b5121b, #d07059); background: -webkit-gradient(#b5121b, #d07059); background: linear-gradient(#b5121b, #d07059); } .yellow { background: #d9db00; background: -webkit-linear-gradient(#d9db00, #e8eb5c); background: -moz-linear-gradient(#d9db00, #e8eb5c); background: -ms-linear-gradient(#d9db00, #e8eb5c); background: -o-linear-gradient(#d9db00, #e8eb5c); background: -webkit-gradient(#d9db00, #e8eb5c); background: linear-gradient(#d9db00, #e8eb5c); } .black { background: #000000; background: -webkit-linear-gradient(#000000, #555555); background: -moz-linear-gradient(#000000, #555555); background: -ms-linear-gradient(#000000, #555555); background: -o-linear-gradient(#000000, #555555); background: -webkit-gradient(#000000, #555555); background: linear-gradient(#000000, #555555); } .gray { background: #cccccc; background: -webkit-linear-gradient(#cccccc, #eeeeee); background: -moz-linear-gradient(#cccccc, #eeeeee); background: -ms-linear-gradient(#cccccc, #eeeeee); background: -o-linear-gradient(#cccccc, #eeeeee); background: -webkit-gradient(#cccccc, #eeeeee); background: linear-gradient(#cccccc, #eeeeee); } /* NCCAH Buttons --------------------------------*/ /* NCCAH red generic home main --------------------------------*/ .bttn-red { background: #b5121b; background: -webkit-linear-gradient(#b5121b, #d07059); background: -moz-linear-gradient(#b5121b, #d07059); background: -ms-linear-gradient(#b5121b, #d07059); background: -o-linear-gradient(#b5121b, #d07059); background: -webkit-gradient(#b5121b, #d07059); background: linear-gradient(#b5121b, #d07059); } /* NCCAH blue setting the context health pillar --------------------------------*/ .bttn-blue { background: #7581bf; background: -webkit-linear-gradient(#7581bf, #a4aad6); background: -moz-linear-gradient(#7581bf, #a4aad6); background: -ms-linear-gradient(#7581bf, #a4aad6); background: -o-linear-gradient(#7581bf, #a4aad6); background: -webkit-gradient(#7581bf, #a4aad6); background: linear-gradient(#7581bf, #a4aad6); } /* NCCAH orange social determinants of health pillar --------------------------------*/ .bttn-orange { background: #df7a1c; background: -webkit-linear-gradient(#df7a1c, #eba76c); background: -moz-linear-gradient(#df7a1c, #eba76c); background: -ms-linear-gradient(#df7a1c, #eba76c); background: -o-linear-gradient(#df7a1c, #eba76c); background: -webkit-gradient(#df7a1c, #eba76c); background: linear-gradient(#df7a1c, #eba76c); } /* NCCAH green child youth and family health pillar --------------------------------*/ .bttn-green { background: #8d8b00; background: -webkit-linear-gradient(#8d8b00, #b9b666); background: -moz-linear-gradient(#8d8b00, #b9b666); background: -ms-linear-gradient(#8d8b00, #b9b666); background: -o-linear-gradient(#8d8b00, #b9b666); background: -webkit-gradient(#8d8b00, #b9b666); background: linear-gradient(#8d8b00, #b9b666); } /* NCCAH brown emerging priorities health pillar --------------------------------*/ .bttn-brown { background: #ba783e; background: -webkit-linear-gradient(#ba783e, #d9b28f); background: -moz-linear-gradient(#ba783e, #d9b28f); background: -ms-linear-gradient(#ba783e, #d9b28f); background: -o-linear-gradient(#ba783e, #d9b28f); background: -webkit-gradient(#ba783e, #d9b28f); background: linear-gradient(#ba783e, #d9b28f); } /* NCCAH grey webinar promotion and alt generic bttn colour --------------------------------*/ .bttn-grey { background: #333333; background: -webkit-linear-gradient(#333333, #666666); background: -moz-linear-gradient(#333333, #666666); background: -ms-linear-gradient(#333333, #666666); background: -o-linear-gradient(#333333, #666666); background: -webkit-gradient(#333333, #666666); background: linear-gradient(#333333, #666666); } /* Accordion --------------------------------*/ .accordion-button { background: url(../images/nav/accordion_buttons.png) no-repeat 0 8px; border-top: 1px dotted #cccccc; cursor: pointer; display: block; margin: 0; padding: 7px 0 7px 25px; } .accordion-button.ui-state-active { background: url(../images/nav/accordion_buttons.png) no-repeat 0 -127px; color: #b5121b; } .accordion-button:first-child { border: none; } .accordion-content { padding: 0 0 8px 25px; } .shortcodes .accordion-button:first-child { margin-top: -8px; } /* Single Toggle in white column footer expands and collapses all three at once --------------------------------*/ .accordion-col-toggle { display: block; margin: 0px; padding: 0px; } .accordion-col-content { padding: 0px; margin: 0px; display: none; } /* Alert Boxes --------------------------------*/ .success, .notice, .warning, .error { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; display: inline-block; margin-bottom: 10px; padding: 6px 15px; } .success { background: #8d8b00; } .notice { background: #7581bf; } .warning { background: #df7a1c; } .error { background: #b5121b; } /* Blockquote --------------------------------*/ blockquote { background: url(../images/nav/quote.png) no-repeat 30px 28px; border: 1px solid #dddddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; font-style: italic; padding: 28px 20px 24px 50px; position: relative; margin-bottom: 30px; margin-top: 30px; } blockquote.fr { background:transparent; } blockquote.fr::before { background:transparent; content: '«'; color: #959595; /* Couleur des guillemets */ font-size: 2em; /* Taille des guillemets */ position: absolute; } blockquote.fr::before { left: 30px; top: 13px; /* Position des guillemets ouvrants */ } blockquote p { font-size: 11px !important; } blockquote p:last-of-type { margin-bottom: 0; } blockquote .person { color: #333333; display: block; font-style: normal; margin-top: 10px; } blockquote .person .accent { color: #b5121b; } blockquote .corner { background: url(../images/nav/quote_corner.png) no-repeat 0 0; bottom: -18px; display: block; height: 18px; left: 50px; position: absolute; width: 29px; } blockquote.wide { background-position: 80px 28px; margin: 6px 0 34px; padding: 28px 30px 28px 100px; } blockquote.wide .corner { bottom: -18px; left: 80px; } /* Lists --------------------------------*/ .shortcodes .check { margin-top: -10px; } ul.compressed li { padding-bottom: 4px; padding-top: 4px; } ul.compressed li:first-child { margin-top: -5px; } .check li, .check-bold li, .arrow li, .arrow-bold li, .square li, .circle li { list-style: none; margin: 0; padding: 5px 0 5px 18px; } .check li { background: url(../images/nav/list_check.png) no-repeat left 14px; } .check-bold li { background: url(../images/nav/list_check_bold.png) no-repeat left 14px; } .arrow li { background: url(../images/nav/list_arrow.png) no-repeat left 14px; } .arrow-bold li { background: url(../images/nav/list_arrow_bold.png) no-repeat left 14px; } .square li { background: url(../images/nav/list_square.png) no-repeat left 14px; } .circle li { background: url(../images/nav/list_circle.png) no-repeat left 14px; } /* Pagination --------------------------------*/ .pagination { margin: 0; } .pagination li { display: inline-block; list-style: none; margin: 0; } .pagination li:last-child { margin-right: 0; } .pagination .current { background: #b5121b; color: #fff !important; } .pagination a, .pagination .current { color: #7a7a7a; display: inline-block; padding: 0 6px; } .pagination a:hover { color: #b5121b; } .pagination .prev a { background: url(../images/nav/c_icon_prev.png) no-repeat 0 6px; padding-left: 10px; } .pagination .prev a:hover { background: url(../images/nav/c_icon_prev_r.png) no-repeat 0 6px; } .pagination .next a { background: url(../images/nav/c_icon_next.png) no-repeat 100% 6px; padding-right: 10px; } .pagination .next a:hover { background: url(../images/nav/c_icon_next_r.png) no-repeat 100% 6px; } /* ------------------------------------------------------------------------------- */ /* 11. Portfolio /* ------------------------------------------------------------------------------- */ /* Project Feed Filter --------------------------------*/ .project-feed-filter { display: inline-block; margin: 0 0 40px; } .project-feed-filter li { display: block; float: left; list-style: none; margin: 0; padding: 5px 0; } .project-feed-filter a { color: #7a7a7a; display: block; margin: 0 20px 0 0; } .project-feed-filter a:hover, .project-feed-filter .current { color: #b5121b; } /* Project Feed --------------------------------*/ .project-feed { margin: 0 -20px 80px 0 } .project-feed > div { float: left; list-style: none; margin: 0 20px 20px 0; position: relative; } .project-feed div a { display: block; text-align: left; } .project-feed div.link a.researcher{ display: inline; font-weight:normal; text-align: left; } .project-feed div img { display: block; width: 100%; } /* Project Item Overlay with Pillar colours --------------------------------*/ .project-item .overlay { background: #b5121b; background: rgba(181, 18, 27, .80); height: 100%; left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } .project-item:hover .overlay { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } /* For news item in carousel h4 is the news title item */ .project-item a h4 { color: #333333 !important; font-size: 16px; font-weight: normal; margin: 5px 0px 10px 0px; text-align: left; } .project-item a:hover h4 { color: #b5121b !important; } /* For knowledge resources h5 is the publication title item */ .project-item .overlay a h5 { color: #fff !important; font-size: 22px; font-weight: 100; margin: 24px 10px 0; text-align: left !important; } .project-item .overlay a:hover h5 { color: #dddddd; } /* For knowledge resources h3 is the author name */ .project-item .overlay h3 { color: #fff; font-size: 16px; font-weight: 100; margin: 24px 10px 0; text-align: left !important; } .project-item .overlay p { color: #eeeeee; display: block; font-size: 14px; margin: 14px 10px 0; } .project-item .overlay p a{ color: #eeeeee; font-weight:normal; } .project-item .overlay p a:hover{ color: #000; font-weight:normal; } .project-item .lightbox-link { background: #000 url(../images/nav/c_icon_plus_w.png) no-repeat 50% 50%; bottom: 10px; height: 25px; opacity: .4; position: absolute; right: 10px; width: 25px; z-index: 9999; } .project-item .lightbox-link:hover { opacity: .6; } .blueHOverride { background: #7581BF !important; /*height: 100%;*/ left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } .greenHOverride { background: #8D8B00 !important; /*height: 100%;*/ left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } .orangeHOverride { background: #DF7A1C !important; /*height: 100%;*/ left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } .brownHOverride { background: #ba783e !important; /*height: 100%;*/ left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } .aquaHOverride { background: #45949B !important; /*height: 100%;*/ left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } .burgundyHOverride { background: #A14870 !important; /*height: 100%;*/ left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } .greyHOverride { background: #aaaaaa !important; /*height: 100%;*/ left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } .goldHOverride { background: #D49D50 !important; /*height: 100%;*/ left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } /* Default overlay colour for publication items in carousel is NCCAH red B5121B */ .redOverlay { background: #b5121b !important; background: rgba(181, 18, 27, .80) !important; height: 100%; left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } .aquaOverlay { background: #45949B !important; background: rgba(69, 148, 155, .80) !important; height: 100%; left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } .burgundyOverlay { background: #A14870 !important; background: rgba(161, 72, 112, .80) !important; height: 100%; left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } .goldOverlay { background: #D49D50 !important; background: rgba(212, 157, 64, .80) !important; height: 100%; left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } /* Setting the context health pillar */ .blueOverlay { background: #7581bf !important; background: rgba(117, 129, 191, .80) !important; height: 100%; left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } /* Social Determinants of Health pillar */ .orangeOverlay { background: #df7a1c !important; background: rgba(223, 122, 28, .80) !important; height: 100%; left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } /* Child, Youth, and Family Health pillar */ .greenOverlay { background: #8d8b00 !important; background: rgba(141, 139, 0, .80) !important; height: 100%; left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } /* Emerging Priorities Health pillar */ .brownOverlay { background: #ba783e !important; // background: rgba(186, 120, 62, .80) !important; height: 100%; left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } /* Grey Overlay is used for other organizations when no pillar colour applies */ .greyOverlay { background: #aaaaaa !important; background: rgba(170, 170, 170, .80) !important; /* height: 100%; */ left: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-backface-visibility: hidden; width: 100%; } /* Project Item Overlay (Alt. Version) --------------------------------*/ .project-item .bw-wrapper { height: 175px; overflow: hidden; } .project-item .project-title { background: #eeeeee; padding: 17px 10px; } .project-item:hover .project-title { background: #b5121b; } .project-item:hover .project-title h5 { color: #fff; } .project-item .project-title h5 { color: #dddddd; font-size: 10px; font-weight: 600; margin: 0; } /* Portfolio Details --------------------------------*/ .single-project-wrapper { margin-top: 35px; } .single-project-wrapper img { display: block; width: 100%; } .project-nav { display: inline-block; float: right; margin: 13px 0 40px; } .project-nav li { float: left; } .project-nav .prev, .project-nav .next, .project-nav .back { background: #eeeeee url(../images/nav/c_icon_prev.png) no-repeat 45% 50%; display: block; height: 17px; margin-left: 5px; text-indent: -9999px; width: 17px; } .project-nav .next { background: #eeeeee url(../images/nav/c_icon_next.png) no-repeat 50% 50%; } .project-nav .back { background: #eeeeee url(../images/nav/c_icon_back.png) no-repeat 50% 50%; } .project-nav .prev:hover { background: #b5121b url(../images/nav/c_icon_prev_w.png) no-repeat 45% 50%; } .project-nav .next:hover { background: #b5121b url(../images/nav/c_icon_next_w.png) no-repeat 50% 50%; } .project-nav .back:hover { background: #b5121b url(../images/nav/c_icon_back_w.png) no-repeat 50% 50%; } /* Isotope Plugin --------------------------------*/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /* ------------------------------------------------------------------------------- */ /* 12. Contact /* ------------------------------------------------------------------------------- */ #google-map { width: 100%; height: 300px; display: inline-block; } .contact-intro { color: #333333; font-size: 14px; margin: 60px 0 40px; } .contact-info .address { margin-top: 20px; } #contact-form { margin-top: 25px; } #contact-form .error, #contact-form .success { margin-bottom: 20px; min-width: 227px; } /* ------------------------------------------------------------------------------- */ /* 13. Widgets /* ------------------------------------------------------------------------------- */ .widget { margin: 0 0 50px; } .widget.short { margin-bottom: 35px; } .widget h3 { font-size: 12px; font-weight: 600; letter-spacing: 1px; margin: 0 0 18px; } /* Search --------------------------------*/ #sidebar .widget_search input { width: 202px !important; } #sidebar .widget_search { margin-top: 10px; } /* Categories --------------------------------*/ #sidebar .widget_categories li { background: url(../images/nav/c_icon_next.png) no-repeat 0 12px; border-bottom: 1px dotted #cccccc; display: block; padding: 7px 0 7px 13px; } #sidebar .widget_categories li:last-child { border: none; } #sidebar .widget_categories li a { color: #dddddd; } #sidebar .widget_categories li a:hover { color: #b5121b; } #footer .widget_categories li { background: url(../images/nav/c_icon_next_g.png) no-repeat 0 12px; border-bottom: 1px dotted #444444; } #footer .widget_categories li:last-child { border: none; } #footer .widget_categories li a { color: #dddddd; } #footer .widget_categories li a:hover { color: #b5121b; } /* Text Widget --------------------------------*/ #sidebar .widget_text { color: #aaaaaa; } #footer .widget_text { color: #eeeeee; } /* Tabs With Posts --------------------------------*/ .ui-tabs .ui-tabs-nav { display: block; margin: 0; padding: 0; display: table; width: 100%; } .bordered.ui-tabs .tabs-content-wrapper { border: 1px solid #dddddd; display: block; margin-top: -21px; padding: 30px 20px; } .ui-tabs .ui-tabs-nav li { float: left; line-height: 32px; margin: 0 0 20px; padding: 0; position: relative; text-align: center; width: auto; } #sidebar .ui-tabs .ui-tabs-nav li { width: 50%; } .ui-tabs .ui-tabs-nav li a { border: 1px solid #dddddd; border-left: none; color: #7a7a7a; display: block; font-weight: 800; padding: 0 20px; text-transform: uppercase; } .ui-tabs .ui-tabs-nav li:first-child a { border-left: 1px solid #dddddd; } .ui-tabs .ui-tabs-nav li a:hover { border-top: 1px solid #b5121b; color: #b5121b; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { border-top: 1px solid #b5121b; border-bottom: 1px solid #fff; color: #333333; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { border: none; display: block; position: relative; } .ui-tabs .ui-tabs-panel .posts li { display: inline-block; margin: 0 0 9px; } .ui-tabs .ui-tabs-panel .posts li:last-child { margin: 0; } .ui-tabs .ui-tabs-panel .posts img { display: block; float: left; margin: 0 10px 0 0; } .ui-tabs .ui-tabs-panel .posts .entry { display: block; float: left; margin: -4px 0 0; width: 150px; } .ui-tabs .ui-tabs-panel .posts .entry .date { color: #7a7a7a; display: block; margin: 2px 0 0; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Recent Entries --------------------------------*/ .widget_recent_entries li { margin: 0 0 9px; } .widget_recent_entries li:first-child { margin-top: 5px; } .widget_recent_entries li:last-child { margin: 0; } .widget_recent_entries img { display: block; float: left; margin: 0 10px 0 0; } .widget_recent_entries .entry { display: block; float: left; margin: -4px 0 0; width: 150px; } .widget_recent_entries .entry .date { color: #aaaaaa; display: block; margin: 2px 0 0; } #footer .widget_recent_entries a { color: #cccccc; } #footer .widget_recent_entries a:hover { color: #b5121b; } #footer .widget_recent_entries .date { color: #aaaaaa; } /* Twitter Feed --------------------------------*/ .twitter-feed li { margin: 0 0 10px; } .jta-tweet-timestamp { display: block; } .jta-clear { display: none; } #sidebar .jta-tweet-text { color: #dddddd; } #sidebar .jta-tweet-text a { color: #b5121b !important; } #sidebar .jta-tweet-text a:hover { color: #d07059 !important; } #sidebar .jta-tweet-timestamp a { color: #7a7a7a; } #sidebar .jta-tweet-timestamp a:hover { color: #b5121b; } #sidebar .jta-tweet-list-item { background: url(../images/nav/icon_twitter_feed.png) no-repeat 0 4px; padding-left: 16px; } #footer .jta-tweet-text { color: #7a7a7a; } #footer .jta-tweet-text a { color: #cccccc !important; } #footer .jta-tweet-text a:hover { color: #b5121b !important; } /* ------------------------------------------------------------------------------- */ /* 14. Footer /* ------------------------------------------------------------------------------- */ .project-item .overlay h5 a{ color: #fff; font-size: 22px; font-weight: 100; margin: 24px 10px 0; text-align: left !important; } .project-item .overlay h5 a:hover{ color: #dddddd; } #footer { background: #333333; margin: 100px 0 0; padding: 60px 0 0; color: #eeeeee; } #footer .logo { display: block; margin: 0 0 15px; } #footer h3 { color: #eeeeee; font-size: 12px; font-weight: 700; margin-bottom: 17px; margin-top: 9px; } #footer a { color: #dddddd; } #footer a:hover { color: #ffffff; text-decoration: underline; } /* Contact Details --------------------------------*/ #footer .address, #footer .phone, #footer .email { color: #eeeeee; } /* Copyright & Social Links --------------------------------*/ #footer .info { background: url(../images/nav/sep_f.png) repeat-x 0 0; line-height: 21px; margin: 30px 0px 0px 0px; padding: 20px 0px 20px 0px; } .copyright li { display: block; float: left; margin: 0px 8px 0px 0px; color: #dddddd; } .social-links { float: right; margin: 0px 0px 0px 0px; } .social-links li { display: block; float: left; height: 21px; margin: 0px 0px 0px 8px; position: relative; text-indent: -9999px; width: 21px; } .social-links li a { position: absolute; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; top: 0; left: 0; bottom: 0; right: 0; } .social-links li a:hover { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .social-links .twitter { background: url(../images/icons/twitter.png) no-repeat; background-position: 0 -21px; } .social-links .twitter a { background: url(../images/icons/twitter.png) no-repeat; } .social-links .facebook { background: url(../images/icons/facebook.png) no-repeat; background-position: 0 -21px; } .social-links .facebook a { background: url(../images/icons/facebook.png) no-repeat; } .social-links .linkedin { background: url(../images/icons/linkedin.png) no-repeat; background-position: 0 -21px; } .social-links .linkedin a { background: url(../images/icons/linkedin.png) no-repeat; } .social-links .instagram { background: url(../images/icons/instgram.png) no-repeat; background-position: 0 -21px; } .social-links .instagram a { background: url(../images/icons/instgram.png) no-repeat; } .social-links .google { background: url(../images/icons/google.png) no-repeat; background-position: 0 -21px; } .social-links .google a { background: url(../images/icons/google.png) no-repeat; } .social-links .vimeo { background: url(../images/icons/vimeo.png) no-repeat; background-position: 0 -21px; } .social-links .vimeo a { background: url(../images/icons/vimeo.png) no-repeat; } .social-links .youtube { background: url(../images/icons/youtube.png) no-repeat; background-position: 0 -21px; } .social-links .youtube a { background: url(../images/icons/youtube.png) no-repeat; } .social-links .soundcloud { background: url(../images/icons/soundcloud.png) no-repeat; background-position: 0 -21px; } .social-links .soundcloud a { background: url(../images/icons/soundcloud.png) no-repeat; } .social-links .pintrest { background: url(../images/icons/pintrest.png) no-repeat; background-position: 0 -21px; } .social-links .pintrest a { background: url(../images/icons/pintrest.png) no-repeat; } .social-links .issuu { background: url(../images/icons/issuu.png) no-repeat; background-position: 0 -21px; } .social-links .issuu a { background: url(../images/icons/issuu.png) no-repeat; } /* ------------------------------------------------------------------------------- */ /* 15. Media Queries /* ------------------------------------------------------------------------------- */ /* Standard 960 or larger (browsers) */ @media only screen and (min-width: 960px) { } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* ------------------------------------------------------ */ /* Document Setup /* ------------------------------------------------------ */ textarea { width: 430px; } /* ------------------------------------------------------ */ /* Wrap /* ------------------------------------------------------ */ #body-wrapper { margin-left: -404px; width: 808px; } .one-fourth { width: 162px; } .three-fourth { width: 526px; } .one-third { width: 222px; } .two-third { width: 464px; } .one-half { width: 344px; } /* ------------------------------------------------------ */ /* Content /* ------------------------------------------------------ */ #main { width: 448px; } /* Page Title ------------*/ .page-title-alt { font-size: 48px; } /* ------------------------------------------------------ */ /* Homepage /* ------------------------------------------------------ */ /* Project & Blog Carousel ------------*/ .jcarousel-item { margin: 0 28px 0 0; } .section-title.one-fourth { width: 220px; } /* Project Carousel (Alt. Homepage) ------------*/ #project-wrapper-alt .jcarousel-next { left: 708px; } #project-wrapper-alt .jcarousel-item { margin: 0 24px 0 0; } #project-wrapper-alt-02 .jcarousel-next { left: 708px; } #project-wrapper-alt-02 .jcarousel-item { margin: 0 24px 0 0; } /* Logo List ------------*/ .ad-list li { width: 210px; } .ad-list li:nth-child(3) { border-right: 1px dotted #cccccc; width: 209px; } .ad-list li:nth-child(4) { display: none; } .ad-list img { width: 209px; } /* ------------------------------------------------------ */ /* Portfolio /* ------------------------------------------------------ */ /* Project Item Overlay ------------*/ .project-item .overlay a h5 { font-size: 20px; font-weight: 400; margin: 20px 20px 0; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { /* ------------------------------------------------------ */ /* Document Setup /* ------------------------------------------------------ */ textarea { width: 402px; } /* ------------------------------------------------------ */ /* Wrap /* ------------------------------------------------------ */ #body-wrapper { margin-left: -260px; width: 520px; } /* Columns ------------*/ .one-fourth { width: 200px; } .three-fourth { width: 526px; } .one-third { width: 420px; } .two-third { width: 464px; } .one-half { width: 420px; } .one-fourth:nth-child(2n+2) { margin-right: 0 !important; } /* .one-fourth:nth-child(n+3) { margin-top: 20px !important; }*/ /* ------------------------------------------------------ */ /* Header /* ------------------------------------------------------ */ #header { height: auto; text-align: center; } #logo { float: none; } /* Navigation ------------*/ #navigation { float: none; text-align: left; } #navigation a { margin: 0 15px; padding: 20px 0 30px; } #navigation ul { margin: 0 0 0 15px; top: 70px; } /* ------------------------------------------------------ */ /* Content /* ------------------------------------------------------ */ #main { width: 420px; } #sidebar { display: none; } /* Page Title ------------*/ .page-title, .page-title-inner, .page-title-alt { font-size: 30px; letter-spacing: normal; padding: 40px 30px 40px; } .page-title-inner { font-size: 30px; letter-spacing: normal; padding-bottom: 45px; } .page-title-inner .section-title { font-size: 18px; font-weight: 400; } /* ------------------------------------------------------ */ /* Homepage /* ------------------------------------------------------ */ /* Flex Slider ------------*/ .flex-caption { display: none; } /* Project Carousel ------------*/ .section-title.one-fourth { width: 180px; } /* Project Carousel (Alt. Homepage) ------------*/ #project-wrapper-alt .jcarousel-item { height: auto; position: relative; width: 200px; } #project-wrapper-alt .jcarousel-item img { width: 200px; } #project-wrapper-alt .jcarousel-next { left: 420px; } #project-wrapper-alt-02 .jcarousel-item { height: auto; position: relative; width: 200px; } #project-wrapper-alt-02 .jcarousel-item img { width: 200px; } #project-wrapper-alt-02 .jcarousel-next { left: 420px; } /* Logo List ------------*/ .ad-list li { text-align: center; width: 209px; } .ad-list li:nth-child(2) { border-right: 1px dotted #cccccc; width: 208px; } .ad-list li:nth-child(n+3) { display: none; } /* ------------------------------------------------------ */ /* About /* ------------------------------------------------------ */ /* .about-intro { margin-bottom: 40px; }*/ /* ------------------------------------------------------ */ /* Shortcodes /* ------------------------------------------------------ */ .shortcodes:nth-child(n+3) { margin-top: 0 !important; } .shortcodes { margin-bottom: 40px; } .shortcodes.last { margin-bottom: 0; } /* Blockquote ------------*/ blockquote { margin-bottom: 40px; } /* ------------------------------------------------------ */ /* Portfolio /* ------------------------------------------------------ */ .project-feed .one-fourth { margin-right: 20px !important; margin-top: 0 !important; } /* Portfolio Details ------------*/ #sidebar.project-description { display: block; margin-top: 50px; width: 420px; } #sidebar.project-description .project-nav { float: left; } #sidebar.project-description .project-nav a { margin: 0 5px 0 0; } /* ------------------------------------------------------ */ /* Contact /* ------------------------------------------------------ */ .contact-form { margin-top: 50px; } /* ------------------------------------------------------ */ /* Footer /* ------------------------------------------------------ */ #footer .info { padding-bottom: 22px; padding-top: 22px; } /* Copyright & Social Links ------------*/ .copyright { display: block; float: left; } .copyright li { margin-right: 15px; } .copyright li:last-child { margin-right: 0px; } .social-links { display: block; float: right; margin-top: 15px; } .social-links li { margin: 0 8px 0 0; } } @media only screen and (max-width: 480px) { figure { display: none !important; } figcaption { display: none !important; } #top-menu, #navigation , .pillar-links-text { display: none; } #mainsearch .widget_search input { width: 60% !important } #header{ background:#333333;margin:0;} .logo-main { height: 90px !important } #social-icons .one-half{ width: 100% !important } .selectnav { margin: 10px 0 30px !important ; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { #navigation, .social-links-top { display: none; } #header{ background:#333333;margin:0;} .selectnav { background: url(../images/nav/nav_arrow.png) no-repeat, url(../images/nav/bg_dots_grey.png); background-position: center right, top left; border: none; border-radius: 0; color: #7a7a7a; display: inline-block; font-size: 12px; margin: 0 0 30px; padding: 8px 10px; -webkit-appearance: none; width: 100%; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { /* ------------------------------------------------------ */ /* Document Setup /* ------------------------------------------------------ */ input[type="text"], textarea { width: 242px; } /* ------------------------------------------------------ */ /* Wrap /* ------------------------------------------------------ */ #body-wrapper { margin-left: -180px; width: 360px; } /* Columns ------------*/ .one-fourth { width: 260px; } .three-fourth { width: 260px; } .one-third { width: 260px; } .two-third { width: 260px; } .one-half { width: 260px; } .one-fourth:nth-child(n+2) { margin-top: 30px !important; } /* ------------------------------------------------------ */ /* Header /* ------------------------------------------------------ */ /* Navigation ------------*/ #navigation { display: none; } .selectnav { background: url(../images/nav/nav_arrow.png) no-repeat, url(../images/nav/bg_dots_grey.png); background-position: center right, top left; border: none; border-radius: 0; color: #7a7a7a; display: inline-block; font-size: 12px; margin: 0 0 30px; padding: 8px 10px; -webkit-appearance: none; width: 100%; } /* ------------------------------------------------------ */ /* Content /* ------------------------------------------------------ */ #main { width: 260px; } /* Page Title ------------*/ .page-title, .page-title-inner, .page-title-alt { font-size: 22px; padding: 30px 30px 30px; } .page-title-inner { font-size: 20px; margin-bottom: 40px; padding-bottom: 35px; } .page-title-inner .section-title { font-size: 16px; } /* ------------------------------------------------------ */ /* Homepage /* ------------------------------------------------------ */ /* Project & Blog Carousel ------------*/ #project-wrapper { margin-top: 60px; } #project-wrapper .section-title h4 { float: left; margin-bottom: 10px !important; } #project-wrapper .section-title p { display: none; } .jcarousel-clip { height: auto; width: 260px; } .jcarousel-item { width: 260px; } .project-carousel, .blog-carousel { margin-top: 20px !important; } .section-title.one-fourth { width: 260px; } /* Carousel Navigation ------------*/ .carousel-nav { float: right; } .jcarousel-prev, .jcarousel-next { margin: 0 0 0 5px; float: left; } /* Project Carousel (Alt. Homepage) ------------*/ #project-wrapper-alt .jcarousel-item { width: 260px; } #project-wrapper-alt .jcarousel-item img { width: 260px; } #project-wrapper-alt .jcarousel-next { left: 260px; } #project-wrapper-alt .project-carousel { margin: 0 !important; } #project-wrapper-alt-02 .jcarousel-item { width: 260px; } #project-wrapper-alt-02 .jcarousel-item img { width: 260px; } #project-wrapper-alt-02 .jcarousel-next { left: 260px; } #project-wrapper-alt-02 .project-carousel { margin: 0 !important; } /* Logo List ------------*/ .ad-list li { text-align: center; width: 260px; } .ad-list li { border-right: 1px dotted #cccccc; } .ad-list li:nth-child(n+2) { display: none; } /* View More ------------*/ .work-more a { font-size: 18px; } .work-more .arrow { background-position: -18px -2px; height: 18px; } .work-more:hover .arrow { background-position: 0 -2px; } /* ------------------------------------------------------ */ /* Services /* ------------------------------------------------------ */ .services-intro { font-size: 14px; } /* ------------------------------------------------------ */ /* Shortcodes /* ------------------------------------------------------ */ .shortcodes.one-fourth { margin: 0 !important; } .shortcodes.one-half { margin: 0 !important; } .shortcodes .blockquote { margin-bottom: 0 !important; } .h80.shortcodes { display: none; } .shortcodes { padding-bottom: 50px !important; } /* Blockquote ------------*/ blockquote.wide { background-position: 40px 28px; padding-left: 60px; } blockquote.wide .corner { bottom: -18px; left: 40px; } /* View More ------------*/ .post-more a { margin-top: -40px; } /* ------------------------------------------------------ */ /* Portfolio /* ------------------------------------------------------ */ /* Portfolio Details ------------*/ #sidebar.project-description { display: block; margin-top: 50px; width: 260px; } /* ------------------------------------------------------ */ /* Footer /* ------------------------------------------------------ */ #footer .one-fourth:nth-child(n+2) { display: none; } } .searchheader{ width:100%; clear:both; text-align: right; border: 1px solid #B5121B; background: #eeeeee ; color: #B5121B; padding: 0.5em; margin: 0.5em 0; border-radius: 0.3em; } .searchheader-label{ float: left; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 200px; } .count{ margin-left:5px; font-weight:bold; } .search ul li a{ font-weight:normal !important; } .social-links-page { width: 21px; height: 21px; background-color: #ffffff; } .social-links-page:hover { background-color: #eeeeee; } .page-title, .page-title-inner, .page-title-alt { text-align: left !important; } .fluid-width-video-wrapper{ padding-top:50% !important; } .news-search{ width:47% } .news-search-button{ float:right; margin:40px 5px; } .news-search-text{ float:right; margin:40px 5px; } .news-search-label{ float:right; margin:40px 5px; } .news-search-year{ float:right; margin:0px 15px; } .news-search-pillar{ float:right; margin:0px 15px; } @media only screen and (max-width: 768px) { /* For mobile phones: */ .news-search{ width:initial; } .news-search-pillar{ float:right; margin:initial; } .page-title-inner{ padding-bottom: 0px; } .about-intro { max-width:100%; } .one-third{ width: 100% !important; } .photo-floatright{ float:initial !important; } img{ max-width: 100%; } .accordion-content { padding: 0 0 5px 0px; } .searchheader-label { width: initial; } .about-intro.one-fourth{ width: 100%; } .ui-tabs .ui-tabs-nav li { max-width: 33%; line-height: 16px; font-size: 13px; line-height: 16px; } .ui-tabs .ui-tabs-nav li > a{ height: 50px; } }