/* Theme Name: Pulsar - Fully Responsive Parallax WordPress Theme Theme URI: http://www.avathemes.com/WP/Pulsar Description: Pulsar - Fully Responsive Parallax WordPress Theme Author: AVAThemes Author URI: http://themeforest.net/user/AVAThemes/portfolio Version:1.2 Tags: dark License:GNU General Public License version 3.0 License URI:http://www.gnu.org/licenses/gpl-3.0.html All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) */ /* ----------------------------------------- Header, Logo & Social Media Profiles ----------------------------------------- */ #loading { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #002147; z-index: 10000; display: block; position: fixed; } #loading img { position: fixed; top: 50%; left: 50%; margin: -25px 0 0 -25px; } #home-overlay { width: 100%; height: 0; position: absolute; top: 0; left: 0; margin: 0 auto; background: rgba(0, 0, 0, 0.2); } header { width: 100%; position: fixed; height: 140px; background: #FFFFFF; opacity: 1; z-index: 99999; border-bottom: 4px solid #091F40; } footer { width: 100%; float: left; position: relative; } footer .copyright { text-align: center; padding-top: 30px; width: 100%; height: 80px; background-color: #081E3F; color: #FFFFFF; } footer .award { width: 100%; height: 135px; background-color: #FFFFFF; text-align: center; } footer .award img { margin-top: 25px; height: 105px !important; max-width: 100%; height: auto; } footer .copyright p { color: #FFFFFF; padding-top: 2px; font-size: 14px; } footer .copyright p a { color: #FFFFFF; } .logo { position: absolute; left: 0; bottom: 0; } .logo img { /*padding-left: 20px;*/ width: 100px; } #top_menu { position: absolute; top: 0; right: 0; } #top_menu a { background-color: #081E3F; color: #FFFFFF; padding: 3px 8px 3px 30px; margin-left: 5px; } #top_partners { position: absolute; right: 0; bottom: 0; display: block !important; } #top_partners img { height: auto; } #top_menu a.contact-us { background: url('images/email.png') #081E3F no-repeat 8px 8px; } .social-media-header { width: 100px; float: right; margin-right: 50px; margin-top: 28px; } .social-media-header a { margin-left: 5px; } a.facebook, a.twitter, a.vimeo, a.youtube { float: left; width: 20px; height: 20px; text-indent: 9999px; overflow: hidden; background: url(images/social-media.png) no-repeat; } a.facebook { background-position: 0 0; } a.facebook:hover { background-position: 0 -20px; } a.twitter { background-position: -25px 0; } a.twitter:hover { background-position: -25px -20px; } a.vimeo { background-position: -50px 0; } a.vimeo:hover { background-position: -50px -20px; } a.youtube { background-position: -75px 0; } a.youtube:hover { background-position: -75px -20px; } a.facebook, a.facebook:hover, a.twitter, a.twitter:hover, a.vimeo, a.vimeo:hover, a.youtube, a.youtube:hover { transition: background-position 0.3s ease-in-out; -moz-transition: background-position 0.3s ease-in-out; /* Firefox 4 */ -webkit-transition: background-position 0.3s ease-in-out; /* Safari and Chrome */ -o-transition: background-position 0.3s ease-in-out; /* Opera */ } /* ----------------------------------------- Navigation ----------------------------------------- */ .main-menu { font-size: 16px; color: #6F6B6B; width: 1000px; margin: 0 auto; position: relative; } nav ul ul { display: none; } nav ul li:hover > ul { display: block; } nav ul { background: none; list-style: none; position: relative; display: inline-table; } nav ul:after { content: ""; clear: both; display: block; } nav ul li { float: left; } nav ul li:hover { background: none; } nav ul li:hover a { /*color: #002147;*/ transition: color 045s ease-in-out; -moz-transition: color 0.4s ease-in-out; /* Firefox 4 */ -webkit-transition: color 0.4s ease-in-out; /* Safari and Chrome */ -o-transition: color 0.4s ease-in-out; /* Opera */ } nav ul li a { display: block; padding: 20px 25px 7px 20px; color: #002147; text-decoration: none; transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; /* Firefox 4 */ -webkit-transition: color 0.4s ease-in-out; /* Safari and Chrome */ -o-transition: color 0.4s ease-in-out; /* Opera */ line-height: 19px; } nav ul li a.first { display: block; padding: 26px 17px 25px 17px; text-decoration: none; transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; /* Firefox 4 */ -webkit-transition: color 0.4s ease-in-out; /* Safari and Chrome */ -o-transition: color 0.4s ease-in-out; /* Opera */ } nav ul li a.first:hover { color: #002147; transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; /* Firefox 4 */ -webkit-transition: color 0.4s ease-in-out; /* Safari and Chrome */ -o-transition: color 0.4s ease-in-out; /* Opera */ } nav ul ul { background: none; border-radius: 0px; padding: 0; position: absolute; top: 100%; } nav ul ul li { background: #002147; float: none; border: 1px solid #575F6A; border-top: 0px; position: relative; } nav ul ul li a { background: #FFFFFF; padding: 15px 25px; color: #002147; transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; /* Firefox 4 */ -webkit-transition: color 0.4s ease-in-out; /* Safari and Chrome */ -o-transition: color 0.4s ease-in-out; /* Opera */ } nav ul ul li a:hover { background: #E7E7E7; color: #292727; transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; /* Firefox 4 */ -webkit-transition: color 0.4s ease-in-out; /* Safari and Chrome */ -o-transition: color 0.4s ease-in-out; /* Opera */ } nav ul ul ul { position: absolute; left: 100%; top: 0; } ul#menu-main-menu > li:nth-child(1) > a { border-bottom: 5px solid #FFE894; } ul#menu-main-menu > li:nth-child(2) > a { border-bottom: 5px solid #D30E45; } ul#menu-main-menu > li:nth-child(3) > a { border-bottom: 5px solid #FFD457; } ul#menu-main-menu > li:nth-child(4) > a { border-bottom: 5px solid #CEE2DC; } ul#menu-main-menu > li:nth-child(5) > a { border-bottom: 5px solid #008678; } ul#menu-main-menu > li:nth-child(6) > a { border-bottom: 5px solid #CEE2DC; } ul#menu-main-menu > li:nth-child(7) > a { border-bottom: 5px solid #489EB8; } ul#menu-main-menu > li:nth-child(8) > a { border-bottom: 5px solid #A1D6F5; } ul#menu-main-menu > li:nth-child(9) > a { border-bottom: 5px solid #5A8624; } ul#menu-main-menu > li:nth-child(10) > a { border-bottom: 5px solid #D9CFC5; } ul#menu-main-menu > li.nth-child-1 > a { border-bottom: 5px solid #FFE894; } ul#menu-main-menu > li.nth-child-2 > a { border-bottom: 5px solid #D30E45; } ul#menu-main-menu > li.nth-child-3 > a { border-bottom: 5px solid #FFD457; } ul#menu-main-menu > li.nth-child-4 > a { border-bottom: 5px solid #CEE2DC; } ul#menu-main-menu > li.nth-child-5 > a { border-bottom: 5px solid #008678; } ul#menu-main-menu > li.nth-child-6 > a { border-bottom: 5px solid #CEE2DC; } ul#menu-main-menu > li.nth-child-7 > a { border-bottom: 5px solid #489EB8; } ul#menu-main-menu > li.nth-child-8 > a { border-bottom: 5px solid #A1D6F5; } ul#menu-main-menu > li.nth-child-9 > a { border-bottom: 5px solid #5A8624; } ul#menu-main-menu > li.nth-child-10 > a { border-bottom: 5px solid #D9CFC5; } .navigation { width: 160px; height: 40px; position: absolute; right: 0; bottom: 50px; display: none; } /* ----------------------------------------- Homepage Sections ----------------------------------------- */ .section1 { margin: 0 auto; height: 650px; width: 100%; text-shadow: 1px 1px 2px #F0F0F0; /*background: url(images/parallax_shadow.png) bottom center no-repeat transparent; max-width: 1000px;*/ position: relative; } #morebut { width: 174px; height: 37px; background: url(images/morebut.png) no-repeat; margin: 8px auto 0 auto; font-family: 'Arial', 'Open Sans', 'sans-serif'; color: #002147; text-shadow: none; font-size: 20px; padding-top: 6px; } /* ----------------------------------------- Patterns ----------------------------------------- */ .pattern1 { width: 100%; height: 1140px; z-index: -1; /*background:url(images/pattern1.png) repeat;*/ } .curvedl { font-family: 'CarringtonRegular'; font-size: 35px; color: #FFFFFF; text-shadow: 0px 0px 0px #F0F0F0; } /* ----------------------------------------- About Slider ----------------------------------------- */ #wrap22, #wrap23, #wrap24, #wrap25, #wrap26 { width: 100%; margin: 0 auto; } #header { margin: 20px 0; } #content, #content2, #content3, #content4, #content5 { max-width: 1200px; overflow: hidden; max-height: 400px; } .contentbox-wrapper { position: relative; left: 0; width: 5000px; height: 100%; } .contentbox-wrapper-about-1, .contentbox-wrapper-about-2, .contentbox-wrapper-about-3, .contentbox-wrapper-about-4, .contentbox-wrapper-about-5, .contentbox-wrapper-about-6, .contentbox-wrapper-about-7, .contentbox-wrapper-about-8, .contentbox-wrapper-about-9, .contentbox-wrapper-about-10 { position: relative; left: 0; width: 5000px; height: 100%; } .contentbox-wrapper-team-1, .contentbox-wrapper-team-2, .contentbox-wrapper-team-3, .contentbox-wrapper-team-4, .contentbox-wrapper-team-5, .contentbox-wrapper-team-6, .contentbox-wrapper-team-7, .contentbox-wrapper-team-8, .contentbox-wrapper-team-9, .contentbox-wrapper-team-10, .contentbox-wrapper-services-1, .contentbox-wrapper-services-2, .contentbox-wrapper-services-3, .contentbox-wrapper-services-4, .contentbox-wrapper-services-5, .contentbox-wrapper-services-6, .contentbox-wrapper-services-7, .contentbox-wrapper-services-8, .contentbox-wrapper-services-9, .contentbox-wrapper-services-10 { position: relative; left: 0; width: 5000px; height: 100%; } .contentbox-wrapper-news-1, contentbox-wrapper-news-2, .contentbox-wrapper-news-3, .contentbox-wrapper-news-4, .contentbox-wrapper-news-5, .contentbox-wrapper-news-6, .contentbox-wrapper-news-7, .contentbox-wrapper-news-8, .contentbox-wrapper-news-9, .contentbox-wrapper-news-1 { position: relative; left: 0; width: 5000px; height: 100%; } .contentbox { /*height:340px;*/ float: left; padding: 0px; margin-right: 100px; position: relative; } .contentbox2 { width: 1000px; height: 350px; float: left; padding: 0px; } #nav2, #nav3, #nav4, #nav5 { margin-top: 20px; padding: 5px 10px 5px 0px; font-family: 'FoundrySterling-BookOSF'; } #nav2 ul li, #nav3 ul li, #nav4 ul li, #nav5 ul li { display: inline; margin-right: 10px; z-index: 999999999999999999999999999999; } #nav2 a, #nav3 a, #nav4 a, #nav5 a { font-weight: normal; text-decoration: none; background: none; padding: 5px; } #nav2 a:hover, #nav3 a:hover, #nav4 a:hover, #nav5 a:hover { background: #002147; padding: 5px; text-align: center; } #nav2 a.active, #nav3 a.active, #nav4 a.active, #nav5 a.active { } /* ----------------------------------------- About Section ----------------------------------------- */ .article1 { /*width:200px;*/ float: left; margin-right: 0px; /*position:relative;*/ } .article1 .button2 { position: absolute; left: 0; bottom: 10px; } .article1 h2 { font-family: 'FoundrySterling-BookOSF'; font-size: 18px; line-height: 20px; color: #333333; font-weight: normal; margin-top: 10px; } .article1 h3 { font-family: 'FoundrySterling-BookOSF'; font-size: 18px; line-height: 22px; color: #333333; font-weight: normal; margin-top: 7px; } .section2 { /*background:#FFF url(images/pattern-about.png) repeat;*/ background: #FFFFFF; margin: 0px; min-height: 350px; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; padding-bottom: 30px; position: relative; padding-top: 30px; /*margin-top: 150px;*/ } .section6 { margin: 0px; height: 515px; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; padding-top: 50px; padding-bottom: 30px; position: relative; } .oucru-page-thumbnail { float: left; margin-right: 40px; margin-top: 20px; } .oucru-page-thumbnail img { max-width: 250px; } .oucru_coded_requence { position: absolute; top: -50px; left: 0; overflow: hidden; height: 38px; } .oucru_coded_requence img { max-height: 38px; } .oucru-blank-content { margin-top: 20px; margin: 0 auto; width: 100%; max-width: 1000px; overflow: hidden; } .oucru-limit-content { border-bottom: 2px solid #E2E2E2; padding-bottom: 30px; } .oucru-page-content { margin-top: 20px; float: left; } .oucru-page-content > p { text-align: justify; padding-top: 0; } .oucru-page-content .button3 { background-color: #EA9919; margin-top: 20px; } .oucru-page-content .button3 a { color: #FFFFFF; text-transform: lowercase; } .oucru-page-content .contentlist { border-bottom: dotted 1px #081E3F; padding-bottom: 10px; margin-bottom: 10px; } .oucru-page-content .contentlist:last-child { border-bottom: none; } .oucru-page-content .contentlist .title a { color: #081E3F; font-size: 18px; } .oucru-page-content .contentlist .author { color: #002147; font-size: 15px; } .oucru-page-content .contentlist .metadata { color: #505050; font-size: 13px; } .oucru-map { position: relative; width: 100%; max-width: 1000px; margin: 0 auto; min-height: 400px; } .oucru-map h1 { font-family: 'FoundrySterling-BookOSF'; /*text-transform:uppercase;*/ font-size: 48px; line-height: 58px; color: #002147; font-weight: normal; padding: 0 10px; } .oucru-map h2 { font-family: 'FoundrySterling-BookOSF'; /*text-transform:uppercase;*/ font-size: 34px; line-height: 34px; color: #333333; font-weight: normal; margin-top: 25px; } .oucru-map h3 { font-family: 'FoundrySterling-BookOSF'; /*text-transform:uppercase;*/ font-size: 18px; line-height: 22px; color: #333333; font-weight: normal; margin-top: 7px; } .oucru-map-content { margin-top: 20px; margin-left: 10px; float: left; } .oucru-map-screen { width: 670px; height: 320px; float: right; margin-top: -50px; background: url('images/map.png') no-repeat center center #FFFFFF; position: relative; } .map-content { /*display: none;*/ background-color: #002147; position: absolute; top: 20px; right: 20px; padding: 10px; width: 320px; /*height: 215px;*/ color: #FFFFFF; text-shadow: none; overflow: hidden; } .map-content .map-title { font-size: 16px; margin-bottom: 15px; } .map-content .map-body { font-size: 13px; color: #FFFFFF; height: 200px; overflow-x: hidden; overflow-y: scroll; /*text-align: justify;*/ } .map-content .map-body p { font-size: 13px; color: #FFFFFF; margin-bottom: 5px; } #location-ho-chi-minh, #location-ho-chi-minh-city, #location-hcm { position: absolute; top: 121px; left: 184px; background: url('images/tooltip-small.png') transparent top center no-repeat; width: 68px; height: 32px; padding-top: 2px; text-align: center; } #location-ho-chi-minh a, #location-ho-chi-minh-city a, #location-hcm a { padding: 5px 10px; color: #FFFFFF; font-size: 13px; text-shadow: none; } #location-ha-noi, #location-hn { position: absolute; top: 48px; left: 170px; background: url('images/tooltip-small.png') transparent top center no-repeat; width: 68px; height: 32px; padding-top: 2px; text-align: center; } #location-ha-noi a, #location-hn a { padding: 5px 10px; color: #FFFFFF; font-size: 13px; text-shadow: none; } #location-jakarta { position: absolute; top: 258px; left: 192px; background: url('images/tooltip-small.png') transparent top center no-repeat; width: 68px; height: 32px; padding-top: 1px; text-align: center; } #location-jakarta a { padding: 5px 10px; color: #FFFFFF; font-size: 13px; text-shadow: none; } #location-kathmandu { position: absolute; top: 29px; left: 20px; background: url('images/tooltip-large.png') transparent top center no-repeat; width: 87px; height: 32px; padding-top: 8px; text-align: center; } #location-kathmandu a { padding: 5px 10px; color: #FFFFFF; font-size: 13px; text-shadow: none; } .oucru-single { position: relative; width: 100%; max-width: 1000px; margin: 0 auto; } .oucru-single a { text-decoration: none; } .oucru-single h1 { font-family: 'Arial', 'Open Sans', 'sans-serif'; /* font-family: 'FoundrySterling-BookOSF';*/ /*text-transform:uppercase;*/ font-size: 48px; line-height: 58px; color: #081E3F; font-weight: normal; /*padding: 0 10px;*/ } .oucru-single h2 { font-family: 'Arial', 'Open Sans', 'sans-serif'; /* font-family: 'FoundrySterling-BookOSF';*/ /*text-transform:uppercase;*/ font-size: 20px; line-height: 20px; color: #333333; font-weight: normal; margin-top: 25px; } .oucru-single h3 { font-family: 'Arial', 'Open Sans', 'sans-serif'; /* font-family: 'FoundrySterling-BookOSF';*/ /*text-transform:uppercase;*/ font-size: 18px; line-height: 22px; color: #333333; font-weight: normal; margin-top: 7px; hyphens: none; -moz-hyphens: none; -ms-hyphens: none; } .about-us-main { width: 310px; height: 200px; float: left; margin-right: 0; margin-left: 0; } .about-us-main a { text-decoration: none; } .about-us-main h1 { font-family: 'FoundrySterling-BookOSF'; /*geosanslightregular';*/ /*text-transform:uppercase;*/ font-size: 66px; line-height: 58px; color: #000000; font-weight: normal; } a { text-decoration: none; } .about-us-main h2 { font-family: 'FoundrySterling-BookOSF'; font-size: 34px; line-height: 34px; color: #333333; font-weight: normal; margin-top: 25px; } .about-us-main h3 { font-family: 'FoundrySterling-BookOSF'; font-size: 18px; line-height: 22px; color: #333333; font-weight: normal; margin-top: 7px; } p { *font-family: 'Arial', 'Open Sans', 'sans-serif'; font-weight: normal; font-size: 14px; color: #1C1C1C; line-height: 24px; padding-top: 5px; padding-bottom: 10px; } .divider { width: 5px; border-left: 1px solid #999999; height: 385px; display: block; float: left; margin-right: 10px; margin-left: 10px; } .divider2 { width: 1px; border-left: 0px solid #999999; height: 440px; display: block; float: left; } .content_6 { margin: 0px auto; margin-top: 0 !important; height: 110px; background: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .about-article { width: 310px; height: 200px; background: #000000; float: left; margin-top: 0px; margin-left: 25px; margin-right: 25px; } .content_6 .about-article:first-child { margin-left: 0; } .content_6 .about-article:last-child { margin-right: 0; } .button { width: 300px; font-family: 'Arial', 'Open Sans', 'sans-serif'; font-weight: normal; font-size: 16px; padding: 5px; background: #002147; color: #FFFFFF; text-align: center; text-shadow: 0px 0px 0px; margin-top: 25px; } .button2 { /*text-transform:uppercase;*/ font-family: 'Arial', 'Open Sans', 'sans-serif'; font-weight: normal; font-size: 16px; padding: 4px 8px 4px 8px; background: #4D4D4D; color: #FFFFFF; text-align: center; text-shadow: 0px 0px 0px; margin-top: 25px; float: right; margin-right: 20px; } .button2 a { text-decoration: none; color: #FFFFFF; } .button3 { font-family: 'Arial', 'Open Sans', 'sans-serif'; font-weight: normal; font-size: 16px; padding: 4px 8px 4px 8px; background: #4D4D4D; color: #FFFFFF; text-align: center; text-shadow: 0px 0px 0px; float: left; } .medialink { width: 87px; height: 31px; float: right; margin-top: 18px; } /* ----------------------------------------- Quote 1 ----------------------------------------- */ .section3 { margin: 40px 0px 0px 0px; height: 500px; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; position: relative; } .section3-2, .section3-3, .section3-4, .section3-5, .section3-6, .section3-7, .section3-8, .section3-9, .section3-10 { margin: 0px 0px 0px 0px; height: 555px; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; position: relative; } .quote1-pattern { width: 100%; height: 500px; margin: 0 auto; background: url(images/quote1/pattern.png); } .quote1-shape { width: 100%; height: 500px; margin: 0 auto; background: url(images/quote1/shapes.png) center no-repeat; backgroundPosition: center -50px; } .quote { position: absolute; width: 1000px; height: 60px; color: #FFFFFF; font-family: 'FoundrySterling-BookOSF'; font-size: 55px; left: 50%; margin-left: -490px; text-align: center; margin-top: 255px; } .quote2 { position: absolute; width: 1000px; color: #FFFFFF; font-family: 'Titillium Web', sans-serif; font-size: 65px; left: 50%; margin-left: -490px; text-align: left; margin-top: 60px; text-shadow: none; font-style: italic; } .quote2 h1 { font-weight: normal; color: #FFFFFF; font-family: 'Titillium Web', sans-serif; font-size: 65px; text-align: left; text-shadow: none; font-style: italic; margin-bottom: -50px; margin-top: -20px; } .quote3 { position: absolute; width: 1000px; color: #FFFFFF; font-family: 'LaneUpperRegular'; font-size: 50px; left: 50%; margin-left: -490px; text-align: center; margin-top: 210px; text-shadow: none; } .red { color: #FF0000; } .quote4 { position: absolute; color: #FFFFFF; font-family: 'LaneUpperRegular'; right: 5%; text-align: right; margin-top: 140px; text-shadow: none; } .quote4 p { background: #FFFFFF; padding: 25px; margin-bottom: 15px; font-size: 60px; } .quote5 { position: absolute; width: 1000px; color: #FFFFFF; font-family: 'Titillium Web', sans-serif; font-size: 65px; left: 50%; margin-left: -490px; text-align: center; margin-top: 150px; text-shadow: none; } .quote5 p { padding: 25px; font-size: 50px; line-height: 70px; color: #FFFFFF; font-family: 'Arapey', serif; } /* ----------------------------------------- Quote 2 ----------------------------------------- */ .section5, .section5-2, .section5-3, .section5-4, .section5-5, .section5-6, .section5-7, .section5-8, .section5-9, .section5-10 { margin: 0px 0px 0px 0px; height: 500px; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; position: relative; } .quote2-pattern { width: 100%; height: 500px; margin: 0 auto; background: url(images/quote2/pattern.png); } .quote2-shape { width: 100%; height: 500px; margin: 0 auto; background: url(images/quote2/shapes.png) center no-repeat; } .quote { position: absolute; width: 1000px; height: 60px; color: #FFFFFF; font-family: 'FoundrySterling-BookOSF'; font-size: 55px; left: 50%; margin-left: -490px; text-align: center; margin-top: 255px; } /* ----------------------------------------- Quote 3 ----------------------------------------- */ .section7, .section7-2, .section7-3, .section7-4, .section7-5, .section7-6, .section7-7, .section7-8, .section7-9, .section7-10 { margin: 0px 0px 0px 0px; height: 500px; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; position: relative; } .quote { position: absolute; width: 1000px; height: 60px; color: #FFFFFF; font-family: 'FoundrySterling-BookOSF'; font-size: 55px; left: 50%; margin-left: -490px; text-align: center; margin-top: 255px; } /* ----------------------------------------- Quote 4 ----------------------------------------- */ .section9, .section9-1, .section9-2, .section9-3, .section9-4, .section9-5, .section9-6, .section9-7, .section9-8, .section9-9, .section9-10 { margin: 0px 0px 0px 0px; height: 500px; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; position: relative; } .quote4-pattern { width: 100%; height: 500px; margin: 0 auto; background: url(images/quote4/pattern.png); } .quote { position: absolute; width: 1000px; height: 60px; color: #FFFFFF; font-family: 'FoundrySterling-BookOSF'; font-size: 55px; left: 50%; margin-left: -490px; text-align: center; margin-top: 255px; } /* ----------------------------------------- Quote 5 ----------------------------------------- */ .section10, .section10-2, .section10-3, .section10-4, .section10-5, .section10-6, .section10-7, .section10-8, .section10-9, .section10-10 { margin: 0px 0px 0px 0px; height: 500px; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; position: relative; } .quote10-pattern { width: 100%; height: 500px; margin: 0 auto; background: url(images/quote5/pattern.png); } .quote { position: absolute; width: 1000px; height: 60px; color: #FFFFFF; font-family: 'FoundrySterling-BookOSF'; font-size: 55px; left: 50%; margin-left: -490px; text-align: center; margin-top: 255px; } /* ----------------------------------------- Team ----------------------------------------- */ .section4 { margin: 0px; height: 670px; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; } #btns ul { list-style: none; } #btns li { float: left; height: 31px; overflow: hidden; padding-right: 5px; margin-top: 8px; } #btn1 { width: 37px; } #btn2 { width: 37px; } #btns a { display: block; height: 31px; text-indent: -9999px; } #btns a { background: url(images/medialinks.png) no-repeat; } #btns #btn1 a { background-position: 0 0; } #btns #btn2 a { background-position: -38px 0; } #btns #btn1 a:hover { background-position: 0 -32px; } #btns #btn2 a:hover { background-position: -38px -32px; } /* ----------------------------------------- Quote4 ----------------------------------------- */ .section8 { margin: 0px; height: 515px; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; padding-top: 50px; padding-bottom: 30px; position: relative; } .ico { position: absolute; left: 50%; margin-left: -48px; top: 58px; } .article2 { width: 320px; float: left; margin-right: 80px; position: relative; text-align: center; } .article2 h2 { font-family: 'FoundrySterling-BookOSF'; font-size: 34px; line-height: 34px; color: #333333; font-weight: normal; margin-top: 10px; } .article2 h3 { font-family: 'FoundrySterling-BookOSF'; font-size: 18px; line-height: 22px; color: #333333; font-weight: normal; margin-top: 7px; } /* ----------------------------------------- Gallery ----------------------------------------- */ .gallery-item { float: left; margin-right: 1px; margin-top: 1px; } /* ----------------------------------------- Contact ----------------------------------------- */ .section11 { /*background:#000 url(images/contact/bg.jpg) no-repeat;*/ margin: 0px 0px 0px 0px; height: 912px; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; position: relative; } .quote11-pattern { width: 100%; height: 912px; margin: 0 auto; background: url(images/contact/pattern.png); } .contactW { width: 100%; } .contactWrap { width: 1000px; height: 600px; left: 50%; margin-top: 150px; margin-left: -490px; position: absolute; } .contactTitle { width: 20%; font-family: 'FoundrySterling-BookOSF'; font-size: 50px; color: #FFFFFF; padding: 15px 15px 5px 15px; background: #000000; } .contactContent { float: right; background: #FFFFFF; width: 73%; height: 410px; padding: 20px; } .contactContent h1 { font-family: 'FoundrySterling-BookOSF'; font-size: 31px; color: #000000; font-weight: normal; } .contactInfo { float: left; width: 45%; } .contactForm { float: right; width: 45%; } .arrowdown { width: 99px; height: 99px; position: absolute; top: -78px; left: 50%; margin-left: -49px; display: none; } .arrowdown nav ul li a { border-bottom: none; padding-top: 28px; } .arrowback { width: 99px; height: 68px; position: absolute; bottom: 8px; left: 50%; margin-left: -49px; } .arrowback ul { padding: 0px; } .arrowback li { padding: 0px; } .arrowback nav ul li a { padding: 0; } ul.bubbleList { list-style: none; } li.bubbleInfo { position: absolute; /*background-color: #FF0000;*/ } li.bubbleInfo:nth-child(1) { top: 156px; left: 448px; } li.bubbleInfo:nth-child(2) { top: 152px; left: 493px; } li.bubbleInfo:nth-child(3) { top: 173px; left: 489px; } li.bubbleInfo:nth-child(4) { top: 210px; left: 487px; } .popup { position: absolute; display: none; z-index: 50; border-collapse: collapse; min-width: 350px; margin-left: -55px; } .popup td.corner { height: 15px; width: 19px; } .popup td#topleft { background-image: url(images/bubble-1.png); } .popup td.top { background-image: url(images/bubble-2.png); } .popup td#topright { background-image: url(images/bubble-3.png); } .popup td.left { background-image: url(images/bubble-4.png); } .popup td.right { background-image: url(images/bubble-5.png); } .popup td#bottomleft { background-image: url(images/bubble-6.png); } .popup td.bottom { background-image: url(images/bubble-7.png); text-align: center; } .popup td.bottom img { display: block; margin: 0 auto; } .popup td#bottomright { background-image: url(images/bubble-8.png); } .popup table.popup-contents { font-size: 12px; line-height: 1.2em; background-color: #FFFFFF; color: #666666; min-width: 300px; } .popup table.popup-contents th { text-align: right; text-transform: lowercase; } .popup table.popup-contents td { text-align: left; width: 10%; } .borderTopShadow { position: absolute; top: 0; height: 25px; width: 100%; background: url(images/parallax_shadow_top.png) repeat-x transparent top center; } .borderBottomShadow { position: absolute; bottom: -5px; height: 25px; width: 100%; background: url(images/parallax_shadow.png) repeat-x transparent top center; } /* ------------------------ Contact Form --------------------------*/ .contactForm form { font-family: 'Arial', 'Open Sans', 'sans-serif'; line-height: 8px; position: relative; height: 355px; } .contactForm form span { color: #333333; } .contactForm form label.input { height: 18px; border: solid 1px #878787; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; padding-top: 12px; position: relative; margin-bottom: 15px; margin-top: 10px; } .contactForm form label.input span { font-size: 15px; color: #000000; text-transform: lowercase; font-style: normal; line-height: 27px; margin-bottom: 10px; } .contactForm form label.input img { margin-top: -12px; margin-left: -1px; } .contactForm form label.input input { font-family: 'Arial', 'Open Sans', 'sans-serif'; width: 250px; color: #000000; border: none; font-size: 18px; position: absolute; left: 55px; top: -5px; text-align: left; font-style: italic; padding-top: 9px; background: transparent; outline: none; } .contactForm textarea { background: none; font-family: inherit; color: #000000; display: block; font-size: 14px; margin: 5px 0 12px 0; padding: 6px; width: 310px; border: solid 1px #878787; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 10px } /*----------------------- Single Pages -------------------------*/ .clr { clear: both } .page-section { width: 100%; height: auto; position: relative; max-width: 1000px; margin: 0 auto; padding: 0; padding-top: 170px; /*300px;*/ overflow: hidden; /* for standards compliant browsers */ width: 100%; /* for IE */ margin-bottom: 40px; padding-bottom: 20px; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ .page-wrapper { background: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; min-height: 200px; /*400px;*/ } .page-content { width: 700px; height: auto; padding: 20px; margin: 0; position: relative; float: left; display: block; } .category-our-people .page-content { width: auto !important; float: none !important; display: inline !important; } .category-content { width: 440px; max-height: 440px; padding: 20px; margin: 0; position: relative; float: left; display: block; overflow: hidden; } .category-content h2, .page-content h2, .page-wrapper h2 { /*width:100%;*/ /*float:left;*/ font-family: 'FoundrySterling-BookOSF'; /*text-transform:uppercase;*/ font-size: 18px; line-height: 32px; color: #002147; font-weight: normal; /*margin-top:10px;*/ /*margin-bottom: 10px;*/ text-align: left; /*width: 280px;*/ } .page-content h2, .page-wrapper h2 { width: 100%; } .page-content h2.page-title { font-size: 40px; line-height: 40px; } .page-wrapper h2.page-title { font-size: 40px; line-height: 40px; /* margin-left: 20px;*/ /* width: 700px;*/ width: 100%; margin-bottom: 20px; } .page-wrapper h1.page-title { font-size: 40px; line-height: 40px; margin-left: 20px; width: 700px; } .page-ctu-content h1.page-title { margin-left: 0px; } h2.category-main-title { width: 100%; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; /*border-bottom:1px solid #CCC;*/ float: left; font-family: 'FoundrySterling-BookOSF'; font-size: 40px; line-height: 46px; color: #333333; font-weight: normal; text-align: left; } .page-content img { max-width: 700px; height: auto; margin: 10px 0; } .category-content img { max-width: 150px; /* max-height: 150px; */ float: left; margin: 0 10px 10px 0; height: auto; } .category-content .item-title { font-family: 'FoundrySterling-BookOSF'; font-size: 18px; line-height: 22px; color: #002147; font-weight: bold; text-align: left; } .category-content .item-description { /* text-align: justify;*/ padding-top: 5px; } .post-meta-data, .post-meta-data-bottom { width: 100%; margin: 0 auto; padding: 0; float: left; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding-top: 5px; padding-bottom: 5px; text-align: left; font-family: 'Arial', 'Open Sans', 'sans-serif'; font-size: 12px; margin-top: 10px; margin-bottom: 20px; color: #666666; } .post-meta-data-bottom { margin-top: 30px; } .single-published-by, .single-tags { float: left; width: auto; margin: 0 auto; padding: 0; } .single-category { float: right; width: auto; margin: 0 auto; padding: 0; margin-left: 30px; } .page-content p { font-size: 14px; line-height: 24px; /* text-align: justify; */ } /* -- COMMENTS -- */ .page-section input[type="text"], .page-section input[type="password"], .page-section input[type="date"], .page-section input[type="datetime"], .page-section input[type="email"], .page-section input[type="number"], .page-section input[type="search"], .page-section input[type="tel"], .page-section input[type="time"], .page-section input[type="url"], .page-section textarea { background-color: white; font-family: inherit; border: 1px solid #CCCCCC; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 24px; width: 100%; max-width: 604px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } .page-section textarea { height: auto; } .comments { margin-top: 20px; margin-bottom: 40px; padding: 0; padding-left: 0px; margin-left: 0; margin-right: 0; } .comments .children { margin-top: 20px; margin-bottom: 40px; padding: 0; padding-left: 40px; margin-left: 0; margin-right: 0; } .comment-body { margin-bottom: 60px; } ol#comments, ol.commentlist { margin-left: 0px; } h3#comments { text-align: left; margin-top: 10px; margin-bottom: 30px; color: #666666; } .comment-author { width: 100%; display: block; position: relative; float: left; } .comment-meta { width: 100%; display: block; position: relative; float: left; margin-top: 10px; } .comment-author img, .comment-author .fn, .comment-author .says { display: block; float: left; } .comment-author .fn, .comment-author .says { margin-left: 10px; padding-top: 20px; display: block; float: left; font-family: 'FoundrySterling-BookOSF'; text-align: left; color: #808080; font-size: 14px; line-height: 14px; font-weight: normal; font-style: normal; } .reply { width: 100%; margin-left: 0px; padding-top: 0px; display: block; float: left; margin-bottom: 20px; } .reply a { width: 100%; font-family: 'FoundrySterling-BookOSF'; text-align: left; color: #808080; font-size: 14px; line-height: 14px; font-weight: normal; font-style: normal; display: block; } .comment-meta { text-align: left; } .commentlist p { margin-bottom: 10px; } h3#reply-title { width: 100%; text-align: left; margin-top: 10px; color: #666666; } h2.comments-header, h2#comments-header { width: 100%; font-family: 'FoundrySterling-BookOSF'; font-style: normal; font-size: 36px; line-height: 36px; text-align: left; padding-bottom: 15px; margin-top: 20px; color: #666666; } .form-submit input { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 100%; padding: 8px; border: 1px #C3C3C3 solid; background: #FFFFFF; color: #000000; cursor: pointer; } .form-submit input:hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 100%; padding: 8px; border: 1px #C3C3C3 solid; background: #EEEEEE; color: #000000; cursor: pointer; } /*----------------------- Sidebar -------------------------*/ .sidebar { width: 310px; padding-left: 10px; height: auto; float: right; position: relative; display: block; top: 0; margin-top: 0; } .post-navigation { width: 290px; margin-right: 20px; } .post-navigation h4 { float: left; width: 100%; font-family: 'FoundrySterling-BookOSF'; font-size: 18px; line-height: 18px; color: #333333; font-weight: normal; margin-top: 20px; margin-bottom: 20px; text-align: left; } .previous-post, .next-post { font-family: 'Arial', 'Open Sans', 'sans-serif'; font-size: 14px; line-height: 20px; color: #333333; font-weight: normal; margin-top: 0px; text-align: left; width: 100%; float: left; padding-bottom: 10px; } .next-post { text-align: right; float: right; margin-top: 10px; } .previous-post { border-bottom: 1px solid #CCCCCC; } h4.widget-title { font-family: 'FoundrySterling-BookOSF'; text-align: left; font-size: 18px; line-height: 18px; color: #333333; font-weight: normal; width: 100%; padding: 0; margin: 0; margin-bottom: 10px; margin-top: 40px; float: left; } .widget { width: 100%; font-family: 'Arial', 'Open Sans', 'sans-serif'; text-align: left; color: #6D6E71; font-size: 16px; line-height: 26px; font-weight: normal; font-style: normal; } .widget ul:not(.children) li.cat-item > a { background: #E2E2E2; display: inline-block; padding: 3px 5px; width: 265px; } .widget ul.children li.cat-item > a { background: transparent; display: block; padding: 0; } .widget ul.children li.cat-item { list-style-image: url(images/bullet-arrow.png); } .widget ul.children li.cat-item ul.children li.cat-item { list-style-image: url(images/bullet-arrow-children.png); } .widget .textwidget, .show_tweet { width: 100%; font-family: 'Arial', 'Open Sans', 'sans-serif'; text-align: left; color: #6D6E71; font-size: 18px; line-height: 26px; font-weight: normal; font-style: normal; } .widget ul { list-style: none; } .widget ul.children { margin-left: 20px; } .screen-reader-text { display: none; } .sidebar input#s { max-width: 274px; } #searchsubmit { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 100%; padding: 8px; border: 1px #C3C3C3 solid; background: #FFFFFF; color: #000000; cursor: pointer; width: 100%; max-width: 289px; } #searchsubmit:hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 100%; padding: 8px; border: 1px #C3C3C3 solid; background: #EEEEEE; color: #000000; cursor: pointer; width: 100%; max-width: 289px; } .widget li a { text-align: left; font-size: 16px; margin: 10px 0 10px 0; } .recentcomments { color: #6D6E71; font-size: 14px; } /* -- Calendar Widget -- */ /* Tables ---------------------- */ table#wp-calendar { width: 100%; max-width: 300px; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin: 0 0 18px; border: none; } table#wp-calendar thead, table#wp-calendar tfoot { background: none; } table#wp-calendar thead tr th, table#wp-calendar tfoot tr th, table#wp-calendar tbody tr td, table#wp-calendar tr td, table#wp-calendar tfoot tr td { display: table-cell; color: #6D6E71; font-size: 14px; line-height: 18px; text-align: center; } tfoot tr td { border-top: none; } table#wp-calendar thead tr th, table#wp-calendar tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #6D6E71; } table#wp-calendar thead tr th:first-child, table#wp-calendar tfoot tr td:first-child { border-left: none; } table#wp-calendar thead tr th:last-child, table#wp-calendar tfoot tr td:last-child { border-right: none; } table#wp-calendar tbody tr.even, table#wp-calendar tbody tr.alt { background: none; } table#wp-calendar tbody tr:nth-child(even) { background: none; } table#wp-calendar tbody tr td { color: #6D6E71; padding: 9px 10px; vertical-align: top; border: none; text-align: center; background: none; } /*----------------------- Button -------------------------*/ .button23 { width: 100%; background: #878787; border: 0px solid #000000; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; margin-top: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .button23:hover { color: #FFFFFF; background-color: #5A5858; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .button23:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset } .button23:focus { -webkit-box-shadow: 0 0 4px #A97F2B, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #2BA6CB, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #2BA6CB, 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: #FFFFFF } .button23.large { font-size: 17px; padding: 15px 30px 16px } .button23.medium { font-size: 14px } .button23.small { font-size: 11px; padding: 7px 14px 8px } .button23.tiny { font-size: 10px; padding: 5px 10px 6px } .button23.expand { width: 100%; text-align: center } .button23.primary { background-color: #2BA6CB; border: 1px solid #1E728C } .button23.primary:hover { background-color: #2284A1 } .button23.primary:focus { -webkit-box-shadow: 0 0 4px #2BA6CB, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #2BA6CB, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #2BA6CB, 0 1px 0 rgba(255, 255, 255, 0.5) inset } .button23.success { background-color: #5DA423; border: 1px solid #396516 } .button23.success:hover { background-color: #457A1A } .button23.success:focus { -webkit-box-shadow: 0 0 5px #5DA423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #5DA423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #5DA423, 0 1px 0 rgba(255, 255, 255, 0.5) inset } .button23.alert { background-color: #C60F13; border: 1px solid #7F0A0C } .button23.alert:hover { background-color: #970B0E } .button23.alert:focus { -webkit-box-shadow: 0 0 4px #C60F13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #C60F13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #C60F13, 0 1px 0 rgba(255, 255, 255, 0.5) inset } .button23.secondary { background-color: #E9E9E9; color: #1D1D1D; border: 1px solid #C3C3C3 } .button23.secondary:hover { background-color: #D0D0D0 } .button23.secondary:focus { -webkit-box-shadow: 0 0 5px #E9E9E9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #E9E9E9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #E9E9E9, 0 1px 0 rgba(255, 255, 255, 0.5) inset } .button23.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px } .button23.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px } .button23.full-width { width: 100%; text-align: center; padding-left: 0px; padding-right: 0px } .button23.left-align { text-align: left; text-indent: 12px } .button23.disabled, .button23[disabled] { opacity: 0.6; cursor: default; background: #2BA6CB; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .button23.disabled :hover, .button23[disabled] :hover { background: #2BA6CB } .button23.disabled.success, .button23[disabled].success { background-color: #5DA423 } .button23.disabled.success:hover, .button23[disabled].success:hover { background-color: #5DA423 } .button23.disabled.alert, .button23[disabled].alert { background-color: #C60F13 } .button23.disabled.alert:hover, .button23[disabled].alert:hover { background-color: #C60F13 } .button23.disabled.secondary, .button23[disabled].secondary { background-color: #E9E9E9 } .button23.disabled.secondary:hover, .button23[disabled].secondary:hover { background-color: #E9E9E9 } input[type=submit].button23, button.button23 { -webkit-appearance: none } @-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0 } input[type="submit"].tiny.button23 { padding: 3px 10px 4px } input[type="submit"].small.button23 { padding: 5px 14px 6px } input[type="submit"].button23, input[type=submit].medium.button23 { padding: 8px 20px 9px } input[type="submit"].large.button23 { padding: 13px 30px 14px } } .button23.dropdown { position: relative; padding-right: 44px } .button23.dropdown.large { padding-right: 60px } .button23.dropdown.small { padding-right: 28px } .button23.dropdown.tiny { padding-right: 20px } .button23.dropdown:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #FFFFFF transparent transparent transparent; position: absolute; top: 50%; right: 20px; margin-top: -2px } .button23.dropdown.large:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: #FFFFFF transparent transparent transparent; margin-top: -3px; right: 30px } .button23.dropdown.small:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #FFFFFF transparent transparent transparent; margin-top: -2px; right: 14px } .button23.dropdown.tiny:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: #FFFFFF transparent transparent transparent; margin-top: -1px; right: 10px } .button23.dropdown > ul { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: none; position: absolute; left: -1px; background: #FFFFFF; background: rgba(255, 255, 255, 0.95); list-style: none; margin: 0; padding: 0; border: 1px solid #CCCCCC; border-top: none; min-width: 100%; z-index: 40 } .button23.dropdown > ul li { width: 100%; cursor: pointer; padding: 0; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none } .button23.dropdown > ul li a { display: block; color: #555555; font-size: 13px; font-weight: normal; padding: 6px 14px; text-align: left } .button23.dropdown > ul li:hover { background-color: #E3F4F9; color: #222222 } .button23.dropdown > ul li.divider { min-height: 0; padding: 0; height: 1px; margin: 4px 0; background: #EDEDED } .button23.dropdown.up > ul { border-top: 1px solid #CCCCCC; border-bottom: none } .button23.dropdown ul.no-hover.show-dropdown { display: block } .button23.dropdown:hover > ul.no-hover { display: none } .button23.dropdown.split { padding: 0; position: relative } .button23.dropdown.split:after { display: none } .button23.dropdown.split:hover { background-color: #2BA6CB } .button23.dropdown.split.alert:hover { background-color: #C60F13 } .button23.dropdown.split.success:hover { background-color: #5DA423 } .button23.dropdown.split.secondary:hover { background-color: #E9E9E9 } /*==================== Responsive ====================*/ @media only screen and (max-width: 991px) { .hide-for-small nav { display:none; } select.responsive-nav { display: block !important; } } @media only screen and (min-width: 980px) { /* .hide-for-small { display: block; } */ .show-for-small { display: none; } } @media only screen and (max-width: 886px) { select.responsive-nav { width: 50% !important; } footer .copyright { height: auto; } } @media only screen and (max-width: 500px) { .search-box-header { right: 80px !important; transform: scale(0.8); } .language-header { right: 5px !important; } select.responsive-nav { width: 70% !important; } .section1 .latest_news, .section1 .publications, .section1 .welcome { width: 90% !important; height: auto !important; margin-right: 0 !important; } } @media only screen and (max-width: 1920px) { #content, #content2, #content3, #content4, #content5 { max-width: 1200px; max-height: 400px; overflow: hidden; } .contentbox { margin-right: 20px } .divider { width: 5px; border-left: 1px solid #999999; height: 385px; display: block; float: left; margin-right: 10px; margin-left: 10px; } } @media only screen and (max-width: 1680px) { #content, #content2, #content3, #content4, #content5 { max-width: 1100px; max-height: 400px; overflow: hidden; } .contentbox { margin-right: 20px } .divider { width: 5px; border-left: 1px solid #999999; height: 385px; display: block; float: left; margin-right: 10px; margin-left: 10px; } } @media only screen and (max-width: 1440px) { #content, #content2, #content3, #content4, #content5 { max-width: 700px; max-height: 400px; overflow: hidden; } .contentbox { margin-right: 20px } .divider { width: 5px; border-left: 1px solid #999999; height: 385px; display: block; float: left; margin-right: 10px; margin-left: 10px; } } @media only screen and (max-width: 1366px) { #content, #content2, #content3, #content4, #content5 { max-width: 700px; max-height: 400px; overflow: hidden; } .contentbox { margin-right: 20px } .divider { width: 5px; border-left: 1px solid #999999; height: 385px; display: block; float: left; margin-right: 10px; margin-left: 10px; } } @media only screen and (max-width: 1280px) { #content, #content2, #content3, #content4, #content5 { max-width: 700px; overflow: hidden; } .contentbox { margin-right: 60px } .divider { width: 5px; border-left: 1px solid #999999; height: 385px; display: block; float: left; margin-right: 60px; margin-left: 60px; } .hide-for-1280 { display: none; } .ico { width: 100%; text-align: center; position: relative; left: 0; margin-left: 0px; top: 0px; } .ico img { text-align: center; margin: 0 auto; } .article2 { width: 170px; float: left; margin-right: 70px; position: relative; text-align: center; } .button2 { width: 100%; font-family: 'Arial', 'Open Sans', 'sans-serif'; font-weight: normal; font-size: 16px; padding: 4px 8px 4px 8px; background: #4D4D4D; color: #FFFFFF; text-align: center; text-shadow: 0px 0px 0px; margin-top: 25px; float: left; } } @media only screen and (max-width: 1220px) { .hide-for-1220 { display: none; } #content, #content2, #content3, #content4, #content5 { max-width: 350px; overflow: hidden; } .contentbox { margin-right: 60px } .divider { width: 5px; border-left: 1px solid #999999; height: 385px; display: block; float: left; margin-right: 60px; margin-left: 60px; } } /*----------------------- Responsive Styling -------------------------*/ @media only screen and (max-width: 1023px) { .hide-for-small { /*display:none;*/ /* display: block;*/ } .show-for-small { /*display:block;*/ display: none; } header { width: 100%; position: fixed; /*height:100px;*/ background: #FFFFFF; z-index: 99999; } .logo { width: 100%; /*height:50px;*/ margin-left: 10px; margin-top: 0px; margin-bottom: 10px; border-right: none; float: left; /*text-align:center;*/ } .logo img { /*width:180px; height:40px; margin:0 auto;*/ } .main-menu { position: static; } .map-content { /*width: 144px;*/ } .language-header { bottom: 5px !important; right: 175px; } .search-box-header { bottom: 5px !important; } .search-box-header input#s { width: 110px !important; } nav ul li a { /*padding: 20px 8px 7px 10px;*/ } .section1 .latest_news, .section1 .publications, .section1 .welcome { /* margin-right: 10px !important; margin-left: 10px !important; width: 210px !important;*/ } .section1 .latest_news li img { /* width: 70px !important; height: 50px !important;*/ } .oucru-map-screen { /*width: 435px;*/ } .contentbox { margin-right: 10px; } #accordion { width: 290px !important; } select.responsive-nav { /* display: none;*/ background: rgba(255, 255, 255, 0.8); background-image: url(images/responsive-nav-bg.png); background-position: center right; background-repeat: no-repeat; width: 60%; margin-left: 15px; margin-right: 0; position: relative; margin-top: 10px; margin-bottom: 0; border: 1px solid #666666; height: 30px; } select { -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-position: center right; background-repeat: no-repeat; border: 1px solid #AAAAAA; color: #555555; font-size: inherit; margin: 0; overflow: hidden; padding-top: 2px; padding-bottom: 2px; text-overflow: ellipsis; white-space: nowrap; } .quote { position: absolute; width: 90%; padding-left: 5%; padding-right: 5%; color: #FFFFFF; font-family: 'FoundrySterling-BookOSF'; font-size: 55px; left: 50%; margin-left: -50%; text-align: center; margin-top: 210px; } .section2 { margin: 0px; height: auto; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; padding-top: 50px; padding-bottom: 30px; position: relative; } .section6 { margin: 0px; height: auto; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; padding-top: 50px; padding-bottom: 30px; position: relative; } .about-us-main { width: 90%; height: auto; display: block; float: left; margin-right: 5%; margin-left: 5%; } .about-us-main a { text-decoration: none; } .about-us-main h1 { font-family: 'FoundrySterling-BookOSF'; font-size: 66px; line-height: 58px; color: #000000; font-weight: normal; text-align: center; } .about-us-main h2 { font-family: 'FoundrySterling-BookOSF'; font-size: 34px; line-height: 34px; color: #333333; font-weight: normal; margin-top: 25px; text-align: center; } .about-us-main h3 { font-family: 'FoundrySterling-BookOSF'; font-size: 18px; line-height: 22px; color: #333333; font-weight: normal; margin-top: 7px; text-align: center; } p { font-family: 'Arial', 'Open Sans', 'sans-serif'; font-weight: normal; font-size: 14px; color: #333333; line-height: 19px; padding-top: 14px; /*text-align:center;*/ } .button { width: 100%; font-family: 'Arial', 'Open Sans', 'sans-serif'; font-weight: normal; font-size: 16px; padding: 5px; background: #002147; color: #FFFFFF; text-align: center; text-shadow: 0px 0px 0px; margin-top: 25px; } .button2 { font-family: 'Arial', 'Open Sans', 'sans-serif'; font-weight: normal; font-size: 16px; padding: 4px 8px 4px 8px; background: #4D4D4D; color: #FFFFFF; text-align: center; text-shadow: 0px 0px 0px; margin-top: 15px; float: left; width: 100%; } .button2 a { text-decoration: none; color: #FFFFFF; } /* ----------------------------------------- About Slider ----------------------------------------- */ #wrap22, #wrap23, #wrap24, #wrap25, #wrap26 { width: 90%; margin: 0 auto; float: left; margin-left: 5%; margin-right: 5%; margin-top: 50px; } #content, #content2, #content3, #content4, #content5 { width: 100%; max-width: 100%; height: auto; } .content_6 { margin: 0 auto; background: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contentbox-wrapper { position: relative; float: left; width: 100%; } .contentbox-wrapper-about-1, .contentbox-wrapper-about-2, .contentbox-wrapper-about-3, .contentbox-wrapper-about-4, .contentbox-wrapper-about-5, .contentbox-wrapper-about-6, .contentbox-wrapper-about-7, .contentbox-wrapper-about-8, .contentbox-wrapper-about-9, .contentbox-wrapper-about-10 { position: relative; width: 100%; height: 100%; float: left; } .contentbox-wrapper-team-1, .contentbox-wrapper-team-2, .contentbox-wrapper-team-3, .contentbox-wrapper-team-4, .contentbox-wrapper-team-5, .contentbox-wrapper-team-6, .contentbox-wrapper-team-7, .contentbox-wrapper-team-8, .contentbox-wrapper-team-9, .contentbox-wrapper-team-10, .contentbox-wrapper-services-1, .contentbox-wrapper-services-2, .contentbox-wrapper-services-3, .contentbox-wrapper-services-4, .contentbox-wrapper-services-5, .contentbox-wrapper-services-6, .contentbox-wrapper-services-7, .contentbox-wrapper-services-8, .contentbox-wrapper-services-9, .contentbox-wrapper-services-10 { position: relative; width: 100%; height: 100%; float: left; } .contentbox-wrapper-news-1, .contentbox-wrapper-news-2, .contentbox-wrapper-news-3, .contentbox-wrapper-news-4, .contentbox-wrapper-news-5, .contentbox-wrapper-news-6, .contentbox-wrapper-news-7, .contentbox-wrapper-news-8, .contentbox-wrapper-news-9, .contentbox-wrapper-news-10 { position: relative; width: 100%; height: 100%; float: left; } .contentbox { width: 100%; overflow: hidden; height: auto; float: left; padding: 0px; margin-bottom: 30px; position: relative; } .contentbox p { text-align: left; } .article1 { width: 100%; float: left; margin-right: 0px; position: relative; } .article1 h2 { font-family: 'FoundrySterling-BookOSF'; font-size: 34px; line-height: 34px; color: #333333; font-weight: normal; margin-top: 10px; } .article1 h3 { font-family: 'FoundrySterling-BookOSF'; font-size: 18px; line-height: 22px; color: #333333; font-weight: normal; margin-top: 7px; } .contentbox2 { width: 100%; overflow: hidden; height: auto; float: left; padding: 0px; margin-bottom: 30px; position: relative; } .quote2 { position: absolute; width: 90%; padding-left: 5%; padding-right: 5%; color: #FFFFFF; font-family: 'Titillium Web', sans-serif; font-size: 65px; left: 50%; margin-left: -50%; margin-top: 100px; text-shadow: none; font-style: italic; text-align: center; } .section8 { margin: 0px; height: auto; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; padding-top: 50px; padding-bottom: 30px; position: relative; } .ico { position: absolute; left: 50%; margin-left: -48px; top: 58px; } .article2 { width: 100%; float: left; position: relative; text-align: center; margin-bottom: 40px; } .article2 h2 { font-family: 'FoundrySterling-BookOSF'; font-size: 34px; line-height: 34px; color: #333333; font-weight: normal; margin-top: 10px; } .article2 h3 { font-family: 'FoundrySterling-BookOSF'; font-size: 18px; line-height: 22px; color: #333333; font-weight: normal; margin-top: 7px; } .quote3 { position: absolute; width: 90%; padding-left: 5%; padding-right: 5%; color: #FFFFFF; font-family: 'LaneUpperRegular'; font-size: 50px; left: 50%; margin-left: -50%; text-align: center; margin-top: 210px; text-shadow: none; } .red { color: #FF0000; } .quote4 { position: absolute; color: #FFFFFF; font-family: 'LaneUpperRegular'; right: 5%; text-align: right; margin-top: 140px; text-shadow: none; } .quote4 p { background: #FFFFFF; padding: 25px; margin-bottom: 15px; font-size: 60px; } .quote5 { position: absolute; width: 90%; padding-left: 5%; padding-right: 5%; color: #FFFFFF; font-family: 'Titillium Web', sans-serif; font-size: 65px; left: 50%; margin-left: -50%; text-align: center; margin-top: 100px; text-shadow: none; } .quote5 p { padding: 25px; margin-bottom: -35px; font-size: 50px; line-height: 60px; color: #FFFFFF; font-family: 'Arapey', serif; } .section11 { margin: 0 auto; height: auto; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; padding-bottom: 0px; } .contactW { width: 90%; margin-left: 5%; margin-right: 5%; } .contactWrap { width: 100%; height: auto; margin-top: 200px; left: 0; margin-left: 0; } .contactTitle { width: 20%; font-family: 'FoundrySterling-BookOSF'; font-size: 50px; color: #FFFFFF; padding: 15px 15px 5px 15px; background: #000000; } .contactContent { float: left; background: #FFFFFF; width: 90%; height: auto; padding: 5%; } .contactContent h1 { font-family: 'FoundrySterling-BookOSF'; font-size: 31px; color: #000000; font-weight: normal; } .contactInfo { float: left; width: 100%; } .contactInfo iframe { width: 100%; } .contactInfo p { text-align: left; } .contactForm { float: left; width: 100%; margin-top: 40px; } textarea { background: none; font-family: inherit; color: #000000; display: block; font-size: 14px; margin: 5px 0 12px 0; padding: 2%; width: 96%; border: solid 1px #878787; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 10px; } .section3, .section3-2, .section3-3, .section3-4, .section3-5, .section3-6, .section3-7, .section3-8, .section3-9, .section3-10 { background-position: 0 0; margin: 0; /*40px 0px 0px 0px;*/ height: 500px; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; position: relative; } .section5, .section5-2, .section5-3, .section5-4, .section5-5, .section5-6, .section5-7, .section5-8, .section5-9, .section5-10 { background-position: 0 0; margin: 0px 0px 0px 0px; height: 500px; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; position: relative; } .section7, .section7-2, .section7-3, .section7-4, .section7-5, .section7-6, .section7-7, .section7-8, .section7-9, .section7-10 { background-position: 0 0; margin: 0px 0px 0px 0px; height: 500px; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; position: relative; } .section9, .section9-2, .section9-3, .section9-4, .section9-5, .section9-6, .section9-7, .section9-8, .section9-9, .section9-10 { background-position: 0 0; margin: 0px 0px 0px 0px; height: 500px; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; position: relative; } .section10, .section10-2, .section10-3, .section10-4, .section10-5, .section10-6, .section10-7, .section10-8, .section10-9, .section10-10 { background-position: 0 0; margin: 0px 0px 0px 0px; height: 500px; width: 100%; float: left; text-shadow: 1px 1px 2px #F0F0F0; position: relative; } div.pp_content img { max-width: 100%; } div.pp_content p { text-align: left; } /*----------------------- Single Pages -------------------------*/ .clr { clear: both } .page-section { width: 100%; height: auto; position: relative; max-width: 1000px; margin: 0 auto; padding: 0; padding-top: 300px; overflow: hidden; /* for standards compliant browsers */ width: 100%; /* for IE */ margin-bottom: 0px; padding-bottom: 20px; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ .page-wrapper { background: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; } .page-content { text-align: left; width: 94%; height: auto; padding: 3%; margin: 0; position: relative; float: left; display: block; } .category-content p, .page-content p { text-align: left; } .category-content { width: 94%; max-height: 440px; padding: 2%; margin: 0; position: relative; float: left; display: block; overflow: hidden; } .category-content h2, .page-content h2 { width: 100%; float: left; font-family: 'FoundrySterling-BookOSF'; font-size: 28px; line-height: 36px; color: #333333; font-weight: normal; margin-top: 10px; text-align: left; } h2.category-main-title { width: 100%; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #CCCCCC; float: left; font-family: 'FoundrySterling-BookOSF'; font-size: 28px; line-height: 36px; color: #333333; font-weight: normal; margin-top: 10px; text-align: left; } .page-content img { max-width: 100%; height: auto; } .category-content img { width: auto; height: 250px; } .post-meta-data, .post-meta-data-bottom { width: 100%; margin: 0 auto; padding: 0; float: left; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding-top: 5px; padding-bottom: 5px; text-align: left; font-family: 'Arial', 'Open Sans', 'sans-serif'; font-size: 12px; margin-top: 10px; margin-bottom: 20px; color: #666666; } .post-meta-data-bottom { margin-top: 30px; } .single-published-by, .single-tags { float: left; width: auto; margin: 0 auto; padding: 0; } .single-category { float: right; width: auto; margin: 0 auto; padding: 0; margin-left: 30px; } .page-content p { font-size: 14px; line-height: 26px; } /* -- COMMENTS -- */ .page-section input[type="text"], .page-section input[type="password"], .page-section input[type="date"], .page-section input[type="datetime"], .page-section input[type="email"], .page-section input[type="number"], .page-section input[type="search"], .page-section input[type="tel"], .page-section input[type="time"], .page-section input[type="url"], .page-section textarea { background-color: white; font-family: inherit; border: 1px solid #CCCCCC; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 24px; width: 100%; max-width: 604px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } .page-section textarea { height: auto; } .comments { margin-top: 20px; margin-bottom: 40px; padding: 0; padding-left: 0px; margin-left: 0; margin-right: 0; } .comments .children { margin-top: 20px; margin-bottom: 40px; padding: 0; padding-left: 40px; margin-left: 0; margin-right: 0; } .comment-body { margin-bottom: 60px; } ol#comments, ol.commentlist { margin-left: 0px; } h3#comments { text-align: left; margin-top: 10px; margin-bottom: 30px; color: #666666; } .comment-author { width: 100%; display: block; position: relative; float: left; } .comment-meta { width: 100%; display: block; position: relative; float: left; margin-top: 10px; } .comment-author img, .comment-author .fn, .comment-author .says { display: block; float: left; } .comment-author .fn, .comment-author .says { margin-left: 10px; padding-top: 20px; display: block; float: left; font-family: 'FoundrySterling-BookOSF'; text-align: left; color: #808080; font-size: 14px; line-height: 14px; font-weight: normal; font-style: normal; } .reply { width: 100%; margin-left: 0px; padding-top: 0px; display: block; float: left; margin-bottom: 20px; } .reply a { width: 100%; font-family: 'FoundrySterling-BookOSF'; text-align: left; color: #808080; font-size: 14px; line-height: 14px; font-weight: normal; font-style: normal; display: block; } .comment-meta { text-align: left; } .commentlist p { margin-bottom: 10px; } h3#reply-title { width: 100%; text-align: left; margin-top: 10px; color: #666666; } h2.comments-header, h2#comments-header { width: 100%; font-family: 'FoundrySterling-BookOSF'; font-style: normal; font-size: 36px; line-height: 36px; text-align: left; padding-bottom: 15px; margin-top: 20px; color: #666666; } .form-submit input { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 100%; padding: 8px; border: 1px #C3C3C3 solid; background: #FFFFFF; color: #000000; cursor: pointer; } .form-submit input:hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 100%; padding: 8px; border: 1px #C3C3C3 solid; background: #EEEEEE; color: #000000; cursor: pointer; } /*----------------------- Sidebar -------------------------*/ .sidebar { display: none; } .post-navigation { width: 290px; margin-right: 20px; } .post-navigation h4 { float: left; width: 100%; font-family: 'FoundrySterling-BookOSF'; font-size: 18px; line-height: 18px; color: #333333; font-weight: normal; margin-top: 20px; margin-bottom: 20px; text-align: left; } .previous-post, .next-post { font-family: 'Arial', 'Open Sans', 'sans-serif'; font-size: 14px; line-height: 20px; color: #333333; font-weight: normal; margin-top: 0px; text-align: left; width: 100%; float: left; padding-bottom: 10px; } .next-post { text-align: right; float: right; margin-top: 10px; } .previous-post { border-bottom: 1px solid #CCCCCC; } h4.widget-title { font-family: 'FoundrySterling-BookOSF'; text-align: left; font-size: 18px; line-height: 18px; color: #333333; font-weight: normal; width: 100%; padding: 0; margin: 0; margin-bottom: 10px; margin-top: 40px; float: left; } .widget { width: 100%; font-family: 'Arial', 'Open Sans', 'sans-serif'; text-align: left; color: #6D6E71; font-size: 16px; line-height: 26px; font-weight: normal; font-style: normal; } .widget .textwidget, .show_tweet { width: 100%; font-family: 'Arial', 'Open Sans', 'sans-serif'; text-align: left; color: #6D6E71; font-size: 18px; line-height: 26px; font-weight: normal; font-style: normal; } .widget ul { list-style: none; } .screen-reader-text { display: none; } .sidebar input#s { max-width: 274px; } #searchsubmit { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 100%; padding: 8px; border: 1px #C3C3C3 solid; background: #FFFFFF; color: #000000; cursor: pointer; width: 100%; max-width: 289px; } #searchsubmit:hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 100%; padding: 8px; border: 1px #C3C3C3 solid; background: #EEEEEE; color: #000000; cursor: pointer; width: 100%; max-width: 289px; } .widget li a { text-align: left; font-size: 16px; margin: 10px 0 10px 0; } .recentcomments { color: #6D6E71; font-size: 14px; } /* -- Calendar Widget -- */ /* Tables ---------------------- */ table#wp-calendar { width: 100%; max-width: 300px; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin: 0 0 18px; border: none; } table#wp-calendar thead, table#wp-calendar tfoot { background: none; } table#wp-calendar thead tr th, table#wp-calendar tfoot tr th, table#wp-calendar tbody tr td, table#wp-calendar tr td, table#wp-calendar tfoot tr td { display: table-cell; color: #6D6E71; font-size: 14px; line-height: 18px; text-align: center; } tfoot tr td { border-top: none; } table#wp-calendar thead tr th, table#wp-calendar tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #6D6E71; } table#wp-calendar thead tr th:first-child, table#wp-calendar tfoot tr td:first-child { border-left: none; } table#wp-calendar thead tr th:last-child, table#wp-calendar tfoot tr td:last-child { border-right: none; } table#wp-calendar tbody tr.even, table#wp-calendar tbody tr.alt { background: none; } table#wp-calendar tbody tr:nth-child(even) { background: none; } table#wp-calendar tbody tr td { color: #6D6E71; padding: 9px 10px; vertical-align: top; border: none; text-align: center; background: none; } } @media only screen and (max-width: 520px) { .hide-for-520 { display: none; } } @media only screen and (max-width: 1000px) { /* Controls Bar ----------------------------*/ #controls-wrapper { margin: 0 auto; max-width: 700px; bottom: 100px; z-index: 4; position: absolute; left: 15%; } #slidecaption h1 { color: #FFFFFF; font-family: 'FoundrySterling-BookOSF'; font-size: 56px; line-height: 56px; text-align: left; text-shadow: #000000 1px 1px 3px; width: 70%; font-weight: normal; border-bottom: 1px solid #999999; padding-bottom: 10px; } #slidecaption h2 { font-family: 'Titillium Web', sans-serif; font-size: 20px; line-height: 26px; font-weight: 400; font-style: italic; text-align: left; text-shadow: #000000 1px 1px 3px; text-transform: none; width: 70%; font-weight: normal; padding-top: 15px; } } /*==================== END Responsive ====================*/ .hide { display: none; } .wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor, .alignright, .alignleft, .aligncenter { } .alignright { text-align: right; } .alignleft { text-align: left; } .aligncenter { text-align: center; margin: 0 auto; } .wp-caption-text { color: #666666; font-size: 12px !important; font-style: italic; text-align: center; } embed { max-width: 100%; } .comment { color: #555555; } .comment ul, .comment ol { color: #555555; margin-left: 20px; } .comments ol, .comments li { list-style: none; } .single-post-published-by { may-width: 100%; height: 20px; margin: 20px 0 0px 0; padding: 0px 0 0 0px; font-size: 12px; color: #666666; } .single-post-tags { width: 100%; height: 20px; margin: 5px 0 0px 0; padding: 0px 0 0 0px; font-size: 12px; color: #666666; } .extenal_source { margin-top: 40px; color: #000000; font-size: 14px; } input#txtPFilter, input#txtAFilter, input#schCode, input#schOXTRECNum, input#schEN, input#schVN, input#txtFilter { height: auto; width: auto; } .lnkBtn { background: #EB9919; color: #FFFFFF; } .section1 .latest_news, .section1 .publications, .section1 .welcome { width: 280px; float: left; background: #FFFFFF; height: 350px; margin-right: 50px; margin-top: 220px; padding: 10px; overflow: hidden; } .section1 .publications { margin-right: 0; } .section1 .latest_news h2, .section1 .publications h2, .section1 .welcome h2 { margin-top: 0; height: 40px; line-height: 40px; border-bottom: 1px solid #9F9F9F; font-size: 24px; overflow: hidden; margin-left: 10px; margin-right: 10px; } .section1 .latest_news h2 { color: #081E3F; } .section1 .publications h2 { color: #081E3F; } .section1 .welcome h2 { color: #081E3F; } .section1 .welcome > div { text-align: justify; padding-left: 10px; margin-right: 0; } .section1 .welcome div img { max-width: 250px; } .section1 .welcome .mCSB_container.mCS_no_scrollbar { margin-right: 20px; } .section1 .latest_news li, .section1 .publications li { min-height: 65px; padding: 10px; list-style: none; } .section1 .latest_news li img { float: left; height: 75px; width: 110px; margin-right: 5px; border: 3px solid #E5E5E5; object-fit: contain;} .section1 .latest_news li .title, .section1 .publications li .title { font-weight: bold; color: #616A67; font-size: 12px; } .section1 .latest_news li .subtitle, .section1 .publications li .subtitle { font-size: 11px; color: #9F9F9F; } .bxslider_carousel .contentbox { margin-right: 5px; height: 165px; margin-bottom: 5px; overflow: hidden; position: relative; width: 330px; background-color: #555555; } /* .bxslider_carousel .contentbox h2 { position: absolute; bottom: 0; left: 0; background-color: #FFFFFF; width: 100%; opacity: 0.8; line-height: 31px; padding-left: 10px; color: #43687D; } .bxslider_carousel .contentbox h2:hover { color: #EA981A; } */ .bxslider_carousel .carousel-item > img { width: 330px; height: auto; alignment-baseline:middle} .page-content[class~="publication"], .page-content[class~="studies"] { width: 96% !important; } .page-content[class~="publication"] > h2, .page-content[class~="studies"] > h2 { font-size: 40px !important; } .page-content[class~="publication"] #ecTitle { display: none; } .page-content ul { margin: 10px 0 5px 45px; font-size: 14px; line-height: 24px; } .page-content ol { margin: 10px 0 5px 45px; font-size: 14px; line-height: 24px; } .search-box-header { position: absolute; bottom: 14px; right: 0; } .search-box-header input#s { border: 1px solid #CCCCCC; vertical-align: middle; width: 125px; font-size: 15px !important; height: 15px !important; padding: 3px; } .search-box-header input#searchsubmit { width: 25px !important; height: 25px !important; color: transparent !important; background: url(images/find.png) center center no-repeat #012245 !important; vertical-align: middle; } .oucru-column-content { } .oucru-column-content .column { margin-right: 35px; /* text-align: justify; */ } .oucru-column-content .column[class~="last"] { margin-right: 0; } .oucru-column-content .column ol, .oucru-column-content .column ul { margin-left: 30px; } .oucru-column-content .column ul li { font-size: 14px; line-height: 24px; } .oucru-column-content > p { text-align: justify; } .language-header { display: none; position: absolute; bottom: 14px; right: 175px; padding: 3px; /* background: #CCCCCC; */ font-size: 14px; color: #000000; } .ui-accordion .ui-accordion-content { font-size: 12px !important; } .gallery-columns-1 .gallery-icon img { /*max-width: 250px;*/ } .wwu-wrapper { } .wwu-title { font-size: 18px; } .wwu-items { } .wwu-items li { font-weight: bold; } .staff-list { margin-top: 15px; background: #081E3F; text-shadow: none; width: 115px; padding: 10px 20px; border-radius: 10px; font-size: 13px; } .staff-list a { color: #FFFFFF; } .staff-list a:hover { color: #EA981A; } .no-posts { height: 169px; padding-top: 200px; width: 1000px; margin: 0 auto; } .search-result { width: 950px; margin: 10px 0 20px 20px; } .search-result .search-result-title { font-size: 16px; margin-bottom: 3px; } .search-result .search-result-link { font-size: 14px; color: #00802A; margin-bottom: 3px; } .search-result .search-result-description { font-size: 14px; } /* linhnn 24/04/2017 */ #homepage .page-ctu-content h2{ /* display: none; */ } .page-ctu-content { width: 740px; padding: 0px; position: relative; padding-top: 0px!important; } .page-ctu-content img{ min-width: 90%; width: 100%!important; } .page-ctu-content h2{ margin-left: 0px!important; } .sidebar-right { width: 200px; padding-left: 10px; height: auto; float: right; position: relative; display: block; top: 0; margin-top: 0; padding-right: 40px; margin-bottom: 25px; } .sidebar-right h1{ font-size: 20px; font-weight: normal; } .sidebar-trails-portfolio h1{ /* border-top: 3px solid #43687D; */ margin-top: -7px; /* padding-top: 25px; */ font-size: 20px; font-weight: normal; line-height: 60px; color: #43687D!important; } .sidebar-trails-portfolio #searchsubmit{ /* width: 100%; max-width: 100%; background-color: #3a6f8f; padding: 10px 45px; border-radius: 5px; color: #FFFFFF; text-transform: uppercase; font-size: 14px; line-height: 15px; text-shadow: none; */ width: 25px !important; height: 25px !important; color: transparent !important; background: url(images/find.png) center center no-repeat #012245 !important; vertical-align: middle; /* position: absolute; top: 80px; float: right; right: 55px; */ } .sidebar-trails-portfolio input[type="text"]{ /* width: 100%; position: relative; max-width: 185px; */ border: 1px solid #CCCCCC; vertical-align: middle; width: 155px; font-size: 15px !important; height: 17px !important; padding: 3px; float: left; margin-right: 5px; box-shadow: none; } .sidebar-left { width: 175px; padding-left: 20px; height: auto; float: left; position: relative; display: block; top: 0; margin-top: 0; display: none; } #menu-ctu-menu li{ padding-right: 25px; list-style: none; padding-bottom: 20px; } #menu-ctu-menu li a{ font-size: 20px; line-height: 24px; list-style: none; color: #373737; } #menu-ctu-menu li.current-menu-item a{ border-bottom: 3px solid #3a6f8f; height: 100%; position: relative; float: left; bottom: 0px; content: ''; list-style: none; margin-bottom: 20px; } /* template news 25/04/2017 */ .first-content{ width: 100%; } .first-content .content-image{ width: 100%; padding-top: 15px; } .first-content .content-image img{ /* width: 100%; */ width: 100%; /* min-width: 100%; */ height: auto; } .first-content .content-info{ width: 100%; float: left; margin-left: 5px; margin-top: 5px; line-height: 24px; } .first-content .content-info .viewmore{ height: 100%; position: relative; float: left; } .first-content .content-info .viewmore a{ background-color: #3a6f8f; padding: 10px 45px; border-radius: 5px; color: #FFFFFF; text-transform: uppercase; font-size: 14px; line-height: 40px; text-shadow: none; } .first-content .content-info .title { font-weight: bold; color: #616A67; font-size: 18px; } .first-content .content-info .subtitle { font-size: 14px; color: #9F9F9F; } .first-content p{ font-size: 14px; line-height: 20px; } .news-list li { min-height: 65px; padding: 12px 0px; list-style: none; width: 100%; clear: both; height: auto; } .article-image{ /* width: 50%; */ float: left; } .article-image img{ float: left; height: 100px; width: auto; margin-right: 5px; border: 3px solid #E5E5E5; object-fit: contain; } .article-info{ width: 50%; float: left; margin-left: 5px; margin-top: 5px; } .article-info .title { font-weight: bold; color: #616A67; font-size: 13px; } .article-info .subtitle { font-size: 12px; color: #9F9F9F; } /* our pople 25/04/2017 */ .our-people li { width: 25%; float: left; margin-bottom: 25px; } .our-people-2 .oucru-blank-content{ text-align: center; margin: 20px 0px; } .our-people-2 .view2{ max-height: 160px; } .our-people-2 .view2 img { /* border-radius:50%!important; -moz-border-radius:50%!important; -webkit-border-radius:50%!important; */ display: inline-block; width: 160px; /*height: 160px;*/ } .view2 a { width: 160px; height: 160px; overflow: hidden; display: block; } .view2 a img { width: 100%; height: auto; } .article1 .view2 a { width: auto !important; } /* VIEW MORE SECTION */ .viewmore{ height: 100%; position: relative; margin: auto; text-align: center; margin-top: 25px; } .viewmore a{ background-color: #3a6f8f; padding: 10px 45px; border-radius: 5px; color: #FFFFFF; text-transform: uppercase; font-size: 14px; line-height: 40px; text-shadow: none; } /* OUR HISTORY TEMPLATE 26/04/2017 */ .our-history-template .history-item{ width: 25%; float: left; position: relative; list-style: none; } .picture-top{ bottom: 0px; margin-bottom: 0px; position: relative; width: 100%; vertical-align: bottom; display: inline-block; } .picture-bottom{ margin-top: 10px; } .picture-top .article .top { padding: 0px 5%; width: 90%; padding-top: 10%; text-align: left; position: relative; } .picture-top .article .top h3{ /* text-transform: uppercase; */ padding-left: 15px; font-size: 20px; line-height: 30px; /*padding-bottom: 15px; */ color: #396e8f; font-weight: bold; } .picture-top .article .top p{ font-size: 12px; line-height: 18px; /* padding-right: 25px; padding-bottom: 25px; */ } .picture-bottom .article .bottom h3{ /* text-transform: uppercase; */ padding-left: 15px; font-size: 20px; line-height: 30px; color: #396e8f; font-weight: bold; } .picture-bottom .article .bottom p{ font-size: 12px; line-height: 18px; /* padding-right: 25px; padding-bottom: 25px; */ } .picture-bottom .article .top, .picture-bottom .article .bottom{ width: 100%; padding-bottom: : 10%; text-align: left; position: relative; height: 100%; } .article .top p, .article .bottom p{ padding-right: 15px; padding-left: 15px; } .our-history-template li{ height: auto; min-height: 500px; float: left; width: 100%; position: relative; text-shadow: none; height: 500px; overflow: hidden; /* -webkit-box-shadow: inset 0px 5px 10px 1px #000000; box-shadow: inset 0px 10px 10px 1px #000000; */ } .our-history-template li.picture-top:after{ /* box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.4); height: 90%; width: 100%; position: absolute; content: ''; float: left; bottom: 0px; margin-left: -50%; */ } .our-history-template li.picture-top .rotate-top:after{ box-shadow: inset 15px 0 9px 9px rgba(0,0,0,0.4); height: 110%; width: 110%; position: absolute; content: ''; float: left; bottom: 0px; margin-left: -54%; margin-bottom: -4%; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .our-history-template li.picture-bottom .rotate-bottom:after{ box-shadow: inset 15px 0 9px 9px rgba(0,0,0,0.4); height: 115%; width: 115%; position: absolute; content: ''; float: left; bottom: 0px; margin-left: -55%; margin-bottom: -7%; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } .our-history-template li:first-child:after{ box-shadow: none; } .our-history-template .picture-top .contentbox{ position: absolute; bottom: 0px; margin-right: 0px; } .our-history-template .picture-bottom .contentbox{ position: absolute; top: 0px; margin-right: 0px; margin-top: 0px; z-index: 1000; } .our-history-template li img{ float: left; left: 0px; width: 100%; height: auto; } .our-history-template li h2{ position: absolute; z-index: 10; font-size: 25px; margin-left: 25px; margin-top: 0px; } .our-history-template li h2 a{ color: #FFFFFF!important; border: none; text-decoration: none; text-shadow: 2px 2px #525252; } .picture-top .div90{ -webkit-transform: rotate(270deg); /* Safari and Chrome */ -moz-transform: rotate(270deg); /* Firefox */ -ms-transform: rotate(270deg); /* IE 9 */ -o-transform: rotate(270deg); /* Opera */ transform: rotate(270deg); left: 10px; bottom: 10px; width: 100%; } .picture-top .div90 a{ font-size: 36px; bottom: 10px; margin-left: -700px; color: #626262; } .our-history-template .more-link{ display: none; } .our-history-template li:nth-child(1){ width: 10%; } .our-history-template li:nth-child(2){ width: 37%; } .our-history-template li:nth-child(3){ width: 47%; } .our-history-template li:nth-child(4){ width: 29%; } .our-history-template li:nth-child(5){ width: 40%; } .our-history-template li:nth-child(6){ width: 30%; } /* LATESS NEWS SECTION SLIDESHOW */ .section1 .latest_news li img{ width: 100%; height: auto; } .latest_news .title{ margin-top: 10px; } .mCSB_container{ margin-right: 5px!important; } .latest-news-box{ height: 100%!important; } .latest-news-box a{ font-size: 12px; font-weight: bold; color: #43687D; width: 100%; float: left; clear: both; position: relative; display: block; line-height: 24px; } .latest-news-box span{ line-height: 0px; } .latest-news-box p{ padding-bottom: 5px; } .bx-controls-direction{display: none!important;} .category-content{ min-height: 180px; } @media screen and (min-width: 1600px) { .section3-2, .section3-3, .section3-4, .section3-5, .section3-6, .section3-7, .section3-8, .section3-9, .section3-10{ background-size: cover!important; width: 100%; } .black{ background-size: cover!important; width: 100%; } } /* PAGE CTU 28/04/2017 */ .page-id-3543 .page-title{ display: none; } hr { display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border-style: inset; border-width: 1px; } div.wpcf7 label{ float: left; position: relative; width: 100%; clear: both; } div.wpcf7 span.title{ float: left; width: 15%; height: 100%; line-height: 45px; } div.wpcf7 span{ float: left; width: 80%; height: 100%; } div.wpcf7 input[type="submit"]{ background-color: #3a6f8f; padding: 5px 25px; border-radius: 5px; color: #FFFFFF; text-transform: uppercase; font-size: 14px; line-height: 15px; text-shadow: none; float: right; border: none; box-shadow: none; margin-right: 25px; background-image: url(images/contact-but.png); background-repeat: no-repeat; padding-right: 40px; background-position: 70px 7px; } .wpcf7-form input, .wpcf7-form textarea { border-radius: 10px!important; } .page-contact{ margin-left: 110px; font-size: 14px; line-height: 28px; margin-top: 0px; margin-bottom: 25px; position: relative; padding-bottom: 75px; } .page-template-ctupage-php h2{ font-size: 35px; } .cat-list li{ width: 100%; position: relative; height: 100%; list-style: none; clear: both; border-bottom: 2px #d0d0d0 solid; float: left; display: inline-block; min-height: 100%; } .cat-list .left-content{ width: 50%; float: left; position: relative; height: 100%; } .cat-list .left-content img{ margin: 0px!important; } .cat-list .right-content{ width: 45%; float: left; position: relative; height: 100%; padding-left: 25px; } .page-content ul.cat-list{ margin: 0px; margin-top: 10px; } .page-content ul.cat-list li { margin-bottom: 60px; } .cat-list .right-content a{ font-size: 21px; line-height: 26px; /* color: #40728b; */ } .cat-trails{ width: 690px; float: left; position: relative; } .cat-trails .category-content{ min-height: 0px; padding-left: 0px; padding-right: 25px; width: 100%; margin-right: 25px; padding-top: 0px; padding-bottom: 10px; } .tagcloud{ width: 100%; margin-top: 25px; } .tagcloud a{ width:85%; padding: 10px 10px; border-top: 1px #d0d0d0 solid; clear:both; text-align: left; font-size: 14px!important; font-weight: normal; display: inline-block; padding-right: 20px; position: relative; color: #43687D; } .page-ctu-content h3{ font-family: 'FoundrySterling-BookOSF'; font-size: 20px; line-height: 60px; color: #002147; font-weight: bold; } .language-header{ display: inline-block!important; } .language-chooser { margin: 0 0px 0 0; list-style:none } .language-chooser li { float:left; margin: 8px 5px 0 0; display: inline-block; } .more-link{ display: none; } #homepage .page-ctu-content h1{ font-family: 'FoundrySterling-BookOSF'; /* text-transform: uppercase; */ font-size: 48px; color: #081E3F; font-weight: normal; /* padding: 0 10px; */ padding-bottom: 10px; } .picture-bottom .article .bottom{ display: inline-block; padding-top: 5%; padding-left: 15px; padding-right: 15px; width: 90%!important; max-width: 100%!important; } .page-id-3570 .page-content p{ text-align: justify; } /* .page-id-3561 .borderTopShadow, .page-id-3645 .borderTopShadow{ display: none!important; } .category .borderTopShadow{ display: none!important; } */ .cat-trails .category-content{ border-bottom: 1px #d0d0d0 solid; margin-bottom: 20px; margin-top: 5px; } .cat-trails .category-content:last-child{ border-bottom:none!important; } .category-content:last-of-type{ border-bottom:none!important; } [class='category-content']:last-of-type { border-bottom:none!important; } .wpcf7-form .wpcf7-not-valid-tip { display: inline; } div.wpcf7-validation-errors{ border: none!important height: 100%; } .wpcf7-form .wpcf7-not-valid-tip{ padding-bottom: 10px; } .wpcf7 .page-content p{ clear: both; } .g-recaptcha{ height: 100%; position: relative; display: block; clear: both; float: left; width: 100%; margin-left: 56%; margin-bottom: 10px; } .our-people-2 .oucru-blank-content{ margin-bottom: 0px; } .our-people-2 .viewmore{ margin-top: 0px; } /* nav ul#menu-main-menu li:last-child a{ text-indent: -9999px!important; width: 40px; } */ nav ul#menu-main-menu > li:last-child a{ text-indent: -9999px!important; width: 40px; } nav ul#menu-main-menu > li:last-child a { border-bottom: 5px solid #FFE894!important; } /** latest trails */ .trials-latest-default li a{ font-size: 14px; } .trials-latest-default li{ margin: 0 0 6px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } #page-id-3570 .page-ctu-content .featured-image{ width: 740px!important; } #page-id-3570 .page-ctu-content .featured-image img{ max-width: 740px!important; } .page-trials .trials-latest-default{ display: none; } .research-areas-pic .bxslider_carousel .carousel-item > img{ min-height: 165px!important; } .page-template-ctupage .sidebar-right h1{ padding-bottom: 15px; } .page-template-ctupage .sidebar-right h1 { font-size: 16px; font-weight: bold; } .aptf-template-8 .aptf-tweet-content { padding-left: 26px; position: relative; font-size: 14px!important; line-height: 20px!important; } .aptf-template-4 .aptf-tweet-content { background: #f5f5f5!important; padding: 0.875em 1em!important; font-size: 0.875em; color: #777!important; } .page-id-3972 h2{ display: none; } .page-ctu-content strong{ font-family: 'FoundrySterling-BookOSF'!important; font-weight: normal!important; text-decoration: none!important; } span.head-tit{ margin-top: 0; height: 40px; line-height: 40px; font-size: 24px!important; overflow: hidden; color: #081E3F; font-weight: normal!important; font-family: 'FoundrySterling-BookOSF'!important; text-decoration: none!important; } .single-post .featured-image img{ /* display: none; */ } .category-events img.wp-post-image{ display: none; } /* 10/11/2017 */ .oucru_training_template .bx-viewport ul.bxslider li p{ display: none!important; } .oucru_training_template .bx-viewport ul.bxslider h2{ font-size: 14px!important; color: #002147!important; line-height: 20px!important; font-weight: normal!important; } /* 10/03/2018 */ .sub-post1 { font-family: 'FoundrySterling-BookOSF'; font-size: 13px; font-weight: bold; } .sub-post1 label { color: #AAA; margin: 0 5px; } .sub-post1 label:last-child { display: none; } .article1 .overlay { position: absolute; bottom: 0; left: 0; background-color: #FFFFFF; width: 100%; opacity: 0.8; padding-left: 10px; } .article1 .overlay h2 { line-height: 31px; margin-top: 0; } .article1 .overlay a.main-title { display: inline-block; } .article1 .overlay a, .article1 .overlay h2 { color: #43687D; } .article1 .overlay a:hover, .article1 .overlay h2:hover { color: #EA981A } .sub-post { font-family: 'FoundrySterling-BookOSF'; font-size: 13px; font-weight: bold; float: right; display: inline-block; line-height: 31px; margin-right: 20px; } .sub-post label { color: #AAA; margin: 0 5px; } .sub-post label:last-child { display: none; } .sub-posts { float: right; width: 250px; } .sub-posts .per-posts { clear: both; margin-top: 10px; } .sub-posts img, .sub-posts h3 { float: left; } .sub-posts img { width: 100px; height: auto; border: 2px solid #cfcfcf; margin-right: 10px; } .sub-posts h3 { font-size: 12px; margin-top: 10px; max-width: 130px; } .single-post .featured-image { float: left; width: 100% !important; max-width: 650px; } .category-our-people .featured-image { width: 180px !important; max-width: 180px; } .category-our-people .featured-image { width: 160px; height: 160px; overflow: hidden; margin-right: 20px; margin-left: 0 !important; } /* The side navigation menu */ .sidenav { height: 100%; /* 100% Full-height */ width: 0; /* 0 width - change this with JavaScript */ position: fixed; /* Stay in place */ top: 0; /* Stay at the top */ left: 0; background-color: rgba(0,0,0,0.2); /* Black*/ transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ overflow: hidden; /* Disable horizontal scroll */ z-index: 1000; } .sidenav .mobilenav { width: 250px; height: 100%; background: #002147; padding-top: 60px; /* Place content 60px from the top */ padding-bottom: 60px; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch; } .menu-mobile-menu-container { padding-bottom: 120px; } #menu-mobile-menu li:first-child { border-top: rgba(255,255,255,0.1) 1px solid; } #menu-mobile-menu li { border-bottom: rgba(255,255,255,0.1) 1px solid; } /* The navigation menu links */ .sidenav a { padding: 14px 8px 14px 25px; text-decoration: none; font-size: 16px; color: #FFF; display: block; transition: 0.3s; } /*.sidenav ul li:last-child { display: none; }*/ .sidenav ul li a { font-weight: bold; } .sidenav ul li li { border: none !important; } .sidenav ul li li a { font-size: 14px; font-weight: normal; } .sidenav ul li li a:before { content: '•'; display: inline-block; margin-right: 10px; color: #AAA; } .sidenav ul li li { margin-left: 20px; list-style: none; } /* When you mouse over the navigation links, change their color */ .sidenav a:hover { color: #f1f1f1; } /* Position and style the close button (top right corner) */ .sidenav .closebtn { position: absolute; top: 0px; right: 15px; font-size: 36px; margin-left: 50px; } /* Style page content - use this if you want to push the page content to the right when you open the side navigation */ #main { transition: margin-left .5s; padding: 20px; } /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */ @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } .burger { margin-left: 20px; position: relative; margin-top: 15px; cursor: hand; cursor: pointer; display: inline-block; } .burger div { width: 25px; height: 2px; background-color: #002147; margin: 4px 0; } @media screen and (max-width: 999px) { .page-section { width: 95%; padding-top: 180px; } } @media screen and (min-width: 992px) { .burger { display: none; } } @media screen and (max-width: 529px) { header { height: 90px; } .burger { margin-top: -5px; } .logo img { width: 70px; margin-left: 5px; } #top_partners img { width: 40px; } #top_partners a:first-child img { margin-bottom: 0 !important; margin-right: 5px !important; } .oucru-single { height: 70px !important; } #top_partners { top: 5px; right: 10px; } .our-people-2 h2 { font-size: 12px !important; } .our-people-2 h3 { font-size: 11px !important; } .article1 h2 { line-height: 20px; } .our-people .bxslider-item { margin-left: 10px !important; margin-right: 10px !important; } .section3-2, .section3-3, .section3-4, .section3-5, .section3-6 { background-attachment: initial !important; background-position: center center !important; } .bxslider li { margin-right: 10px !important; margin-left: 10px !important; } .bxslider_carousel li { margin-left: 5px; margin-right: 0; overflow: hidden; } .bx-wrapper { margin-top: 50px; } .bx-viewport { display: block !important; width: 95%; max-width: 95%; height: auto !important; overflow: visible; } .bx-viewport .oucru-content { transform: none !important; } .section2 .bx-wrapper:last-child { margin-top: 20px; } .section2 .bx-wrapper:first-child { margin-top: 50px !important; } .single-post .featured-image { margin-left: 0 !important; } .single-post .featured-image img { width: 100% !important; height: auto !important; } .oucru-map-content { width: 90%; float: none; margin-right: auto; margin-left: auto; } .oucru-map-screen { width: 100%; background-position: top left; margin-top: 20px; float: none; margin-right: auto; margin-left: auto; } .category-content img { width: 150px; height: auto; } .page-ctu-content, .sidebar-right { width: 100%; float: none; padding: 0; } .sidebar-right { margin-top: 30px; clear: both; } .g-recaptcha { margin-left: 55px; } div.wpcf7 span.title, div.wpcf7 span { float: none; width: 100%; } .wpcf7-form p { margin: 0;} .page-section input[type="text"], .page-section input[type="password"], .page-section input[type="date"], .page-section input[type="datetime"], .page-section input[type="email"], .page-section input[type="number"], .page-section input[type="search"], .page-section input[type="tel"], .page-section input[type="time"], .page-section input[type="url"], .page-section textarea { width: 96%; } #accordion { width: 100% !important; } footer .award img { height: auto !important; } footer .copyright p { width: 90%; margin-right: auto; margin-left: auto; } } @media screen and (max-width: 399px) { .our-people .bxslider-item { width: 44% !important; } .section1 .latest_news, .section1 .publications, .section1 .welcome { width: 85% !important; margin-left: 16px; } .section1 .latest_news { margin-top: 120px; } .section1 .publications { margin-top: 50px; margin-bottom: 50px; } .section2 .oucru-single { width: 90%; } .content-left, .content-right { width: 100% !important; min-width: 100%; float: none !important; } }