/* Theme Name: XDD Theme Theme URI: http://wordpress.org/themes/twentyfourteen Author: the WordPress team Author URI: http://wordpress.org/ Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier. Version: 1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: twentyfourteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 5.0 - Navigation * 6.0 - Content * 6.1 - Post Thumbnail * 6.2 - Entry Header * 6.3 - Entry Meta * 6.4 - Entry Content * 6.5 - Galleries * 6.6 - Post Formats * 6.7 - Post/Image/Paging Navigation * 6.8 - Attachments * 6.9 - Archives * 6.10 - Contributor Page * 6.11 - 404 Page * 6.12 - Full-width * 6.13 - Singular * 6.14 - Comments * 7.0 - Sidebar * 7.1 - Widgets * 7.2 - Content Sidebar Widgets * 8.0 - Footer * 9.0 - Featured Content * 10.0 - Multisite * 11.0 - Media Queries * 12.0 - Print * ----------------------------------------------------------------------------- */ /** * 1.0 Reset * * Resetting and rebuilding styles have been helped along thanks to the fine * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html * along with Nicolas Gallagher and Jonathan Neal * http://necolas.github.com/normalize.css/ and Blueprint * http://www.blueprintcss.org/ * * ----------------------------------------------------------------------------- */ /* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent;} body { line-height: 1; margin: 0; padding: 0; border: 0; vertical-align: baseline;} h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both;} ol, ul { list-style: none;} blockquote { quotes: none;} blockquote:before, blockquote:after { content: ''; content: none;} del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; width: auto;} p {padding: 3px 0 3px 0;} ul h5 {list-style-type: disk !important; font-size: 16px; color: #666; line-height: 20px;} li h5 { padding-left: 16px; } /* =Fonts -------------------------------------------------------------- */ h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text, input[type=submit] { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;} pre { font-family: "Courier 10 Pitch", Courier, monospace;} code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;} body, textarea { color: #666; font-size: 0.750em; line-height: 18px;} input {background: #F9F9F9 none repeat scroll 0% 0%; border: 1px solid #CCC; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset; width: 100%; max-width: 396px; border-width: 1px; box-sizing: border-box; text-align: left; outline: 0px none; padding: 10px 12px; margin: 0px; color: #333; margin-top: 2px; background-color: rgba(0, 0, 0, 0.1); border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-radius: 3px;} input[type=checkbox] {} input[type=submit] { color: #333; width: 80px; font-size: 16px; text-transform: uppercase; background-color: aqua; padding: 5px; text-align: center; } .wpcf7-list-item-label { margin-left: -160px; } hr { background-color: #E7E7E7; border:0; height: 1px; margin-bottom: 18px; clear:both;} /* Text elements */ p { margin-bottom: 18px;} ul { list-style: square; margin: 0 0 18px 0;} ol { list-style: decimal; margin: 0 0 18px 1.5em;} ol ol { list-style:upper-alpha;} ol ol ol { list-style:lower-roman;} ol ol ol ol { list-style:lower-alpha;} ul ul, ol ol, ul ol, ol ul { margin-bottom:0;} dl { margin:0 0 24px 0;} dt { font-weight: bold;} dd { margin-bottom: 18px;} strong { font-weight: bold;} cite, em, i { font-style: italic;} big { font-size: 131.25%;} ins { background: #ffc; text-decoration: none;} blockquote { font-style: italic; padding: 0 3em;} blockquote cite, blockquote em, blockquote i { font-style: normal;} pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em;} abbr, acronym { border-bottom: 1px dotted #666; cursor: help;} sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative;} sup { bottom: 1ex;} sub { top: .5ex;} input[type="text"], textarea { background: #F9F9F9 none repeat scroll 0% 0%; border: 1px solid #CCC; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset; width: 100%; max-width: 396px; border-width: 1px; box-sizing: border-box; text-align: left; outline: 0px none; padding: 10px 12px; margin: 0px; color: #333; margin-top: 2px; background-color: rgba(0, 0, 0, 0.1); border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-radius: 3px; } /*{ padding: 2px; background: #f9f9f9; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);}*/ /*table { border: 1px solid #e7e7e7; text-align: left; margin: 0 -1px 24px 0; width: 100%;}*/ table { border-collapse: collapse; border-spacing: 0px; border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); margin: 18px 0px; max-width: 100%; } td, th {border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); padding: 10px; font-weight: 500; font-size: 16px; text-align: center !important; vertical-align: top;} tr th, thead th { color: #888; font-size: 0.750em; font-weight: bold; line-height: 18px; padding: 9px 24px;} tr td { border-top: 1px solid #e7e7e7; padding: 6px 14px;} tr.odd td { background: #F2F7FC;} .attachment img { max-width: 900px;} .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px;} .alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px;} .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;} .alignleft, img.alignright, img.aligncenter { margin-bottom: 12px;} .wp-caption { background: #f1f1f1; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px;} .wp-caption img { margin: 5px 5px 0;} .wp-caption p.wp-caption-text { margin: 5px; color: #888; font-size: 0.750em;} .wp-smiley { margin:0;} /* =Comments -------------------------------------------------------------- */ #comments { clear: both;} #comments .navigation { padding: 0 0 18px 0;} h3#comments-title, h3#reply-title { color: #000; font-weight: bold; font-size: 1.250em; margin-bottom: 0;} h3#comments-title { padding: 24px 0;} .commentlist { list-style: none; margin: 0;} .commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative;} .commentlist li:last-child { border-bottom:none; margin-bottom:0;} #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px;} #comments .comment-body p:last-child { margin-bottom: 6px;} #comments .comment-body blockquote p:last-child { margin-bottom: 24px;} .commentlist ol { list-style: decimal;} .commentlist .avatar { position: absolute; top: 4px; left: 0;} .comment-author {} .comment-author cite { color: #000; font-style: normal; font-weight: bold;} .comment-author .says { font-style: italic;} .comment-meta { font-size: 0.750em; margin: 0 0 18px 0;} .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none;} .comment-meta a:active, .comment-meta a:hover {} .commentlist .even {} .commentlist .bypostauthor {} .reply { font-size: 0.750em; padding: 0 0 24px 0;} .reply a, a.comment-edit-link { color: #888;} .reply a:hover, a.comment-edit-link:hover { color: #FF4B33;} .commentlist .children { list-style: none; margin: 0;} .commentlist .children li { border: none; margin: 0;} .nopassword, .nocomments { display: none;} #comments .pingback { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #e7e7e7;} .commentlist li.comment+li.pingback { margin-top: -6px;} #comments .pingback p { color: #888; font-size: 0.750em; line-height: 18px; display:block; margin: 0;} #comments .pingback .url { font-style: italic; font-size: 0.813em;} /* Comments form */ input[type=submit] { color: #333;} #respond { margin: 24px 0; border-top: 1px solid #e7e7e7; overflow: hidden; position: relative;} #respond p { margin: 0;} #respond .comment-notes { margin-bottom: 1em;} .form-allowed-tags { line-height: 1em;} .children #respond { margin: 0 48px 0 0;} h3#reply-title { margin: 18px 0;} #comments-list #respond { margin: 0 0 18px 0;} #comments-list ul #respond { margin: 0;} #cancel-comment-reply-link { font-size: 0.750em; line-height: 18px; font-weight: normal;} #respond .required { color:#FF4B33; font-weight:bold;} #respond label { color: #888; font-size: 0.750em;} #respond input { margin:0 0 9px; width:98%;} #respond textarea { width:98%;} #respond .form-allowed-tags { color: #888; font-size: 0.750em; line-height: 18px;} #respond .form-allowed-tags code { font-size: 0.688em;} #respond .form-submit { margin: 12px 0;} #respond .form-submit input { width: auto; font-size: 0.875em;} .clear{clear:both; font-size:0px;line-height:0px; display:block;} .last {/*margin:0 !important;*/} .pad_last{padding:0 !important;} .no_bg {background:none !important;} ul {/*margin: 0;*/} li {list-style: none; } /******Global Elements*******/ a {color: #3FB4CA; text-decoration:none; outline:0 none;} a:hover {color:#000; text-decoration:none;} h1 {font-size:24px;} h2 {font-size:22px;} h3 {font-size:18px;} h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:12px;} img {display: block; height: auto; max-width:100%;} /* ----------------------- layout ----------*/ html {} body {color:#333333; font-size:12px; background: url(images/bg-beach1.jpg) no-repeat center top fixed; font-family: 'roboto';} .flt_Lt {float:left; display:inline;} .flt_Rt {float:right; display:inline;} .wrapper {margin:0 auto;} .container {} .main-container {width:1010px; margin:0 auto; /* border:1px solid red; border-top:0 none; border-bottom: 0; */} /* ------------------ HEADER HERE -------------------*/ #header {padding: 20px 0 0 0; min-height: 252px; position: relative; z-index: 100;} #logo {float: left; padding: 0 0 0 20px;} .right-header {float: right; width: 740px; margin: 0 0px 0 0;} .right-header .top {float: right;} .right-header .top ul {float: left;} .right-header .top ul li {float: left; padding: 8px 20px 0 0;} .right-header .top ul li a {display: block; color: #333333; font-size: 16px; font-family: 'Oswald'; text-transform: uppercase;} .right-header .top form {float: left; position: relative;} .right-header .top input[type=text] {border: 0; box-shadow: none; background: url(images/search.png) scroll no-repeat 0 0; width: 236px; height: 30px; display: block; font-size: 13px; color: #333333; font-family: 'calibriregular'; line-height: 13px; padding: 0 0 0 10px} .right-header .top input[type=submit] {background: url(images/search-icon.png) scroll no-repeat 0 0; width: 19px; height: 19px; border: 0; box-shadow: none; position: absolute; top: 6px; right: 10px;} /* ------------------------- NAVIGATION HERE ---------------*/ #nav {/*padding: 50px 25px 0 0;*/ position: relative; z-index: 10000; padding: 40px 15px 0px 0px;} #nav ul {float: right;} #nav ul li {float: left; margin: 0px 17.5px 0px 5px; position: relative; padding: 0 0 5px 0;} #nav ul li a {display: block; color: #333333; font-size: 18px; font-family: 'Oswald' !important; text-transform: uppercase; line-height: 20px;} #nav ul li a span {} #nav ul li a:hover {} #nav ul li:hover a, #nav ul li.current-menu-item a {color: #fff;} #nav ul li ul {display: none; position: absolute; width: 210px; top: 100%; left: 0; z-index: 1000000; /*padding: 5px 0;*/ background: #2F6FB0 none repeat scroll 0% 0%;} #nav ul li ul li {padding: 5px 10px; margin: 0; float: none;} #nav ul li ul li a {color: #ffffff; font-size: 13px; font-family: "Oswald", san-serif !important; line-height: 18px;} #nav ul li ul li ul {width: 170px; left: 180px; top: 0;} #nav ul li ul li ul li {} #nav ul li ul li:hover {background: #3FB4CA;} #nav ul li:hover ul li a {color: #ffffff;} #nav ul li:hover ul {display: block;} #nav ul li:hover ul li ul {display: none;} #nav ul li ul li:hover ul {display: block;} /* ------------------------ MAIN CONTENT HERE --------------*/ .maincontent {margin: -28px 0 0 0; position: relative; z-index: 2;} .maincontent-inner {position: relative; background: #ffffff;} .slider {width: 978px; background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 2px 10px 1px rgba(119, 119, 119, 0.75); position: relative; float: left; margin: -100px 0px 0px 12px; z-index: 6; padding: 4px 0px; border-left: solid #fff 5px; border-right: solid #fff 5px;} .flexslider-one {position: relative;} .flexslider-one img {margin: 0 auto;} .flexslider-one li {position: relative;} .flexslider-one li .caption {position: absolute; bottom: 12px; width: 720px; height: 75px; background: url(images/text-back.png) scroll repeat 0 0; } .flexslider-one li .caption h4 {font-size: 24px; line-height: 26px; padding: 10px 0 0 15px;} .slider_control {position: absolute; top: 20px; right: 15px; width: 285px;} .slider_control ul {} .slider_control ul li {/*width: 100%; height: 75px; background: url(images/slider-nav-back.png) scroll repeat 0 0; margin: 0 0 5px 0; display: table; cursor: pointer;*/} .slider_control ul li h3 {/*display: table-cell; vertical-align: middle; padding: 0 15px; color: #ffffff;*/} .slider_control ul li.flex-active {/*background: url(images/slider-nav-back-h.png) scroll repeat 0 0;*/} .home-content {width: 980px; margin: 15px auto 0;} .home-content .left {float: left; width: 217px; margin: 0 14px 0 0; padding: 0 0 5px 0; border-bottom: 1px solid #cccccc;} .home-content .middle {float: right; width:70%; margin: 0 10px 0 0; /* border: 3px solid #cccccc; */ padding: 15px; box-shadow: inset 0px 0px 10px 3px rgba(204, 202, 202, 0.75); -moz-box-shadow: inset 0px 0px 10px 3px rgba(204, 202, 202, 0.75); -webkit-box-shadow: inset 0px 0px 10px 3px rgba(204, 202, 202, 0.75);} .home-content .right {float: left; width: 205px;} .home-content h2 {font-size: 30px; line-height: 30px; font-family: 'bebas_neueregular'; padding: 0 0 20px 0; color: #009bb9;} .home-content .left h2 {color: #3FB4CA; padding: 0 0 1px 0; border-bottom: 5px solid #cccccc; margin: 0 0 18px 0;} .home-content .left .img {display: block; border: 1px solid #cccccc; padding: 7px;} .home-content .left h5 {font-size: 14px; color: #3FB4CA; line-height: 18px; font-family: 'calibribold'; padding: 10px 0;} .home-content p {color: #666666; font-size: 14px; margin: 0; padding: 0 0 5px 0;} .home-content .left a {display: block; text-align: right; background: url(images/green-arrow.jpg) scroll no-repeat 0 0; width: 15px; height: 15px; float: right;} .home-content .middle li {padding: 0 0 10px 0;} .home-content .middle h3 {font-size: 20px; line-height: 20px; font-family: 'calibribold'; padding: 0 0 2px 0;} .home-content .middle h5 {font-size: 14px; line-height: 18px; padding: 0 0 5px 0; font-family: 'calibribold';} .home-content .middle p {} .home-content .middle a {display: block; text-align: right; background: url(images/green-arrow.jpg) scroll no-repeat 0 0; width: 15px; height: 15px; float: right;} .home-content .right h2 {padding: 10px 0; border-bottom: 1px #CCC dotted;} .home-content .right .top li {padding: 0 0 25px 0;} .home-content .right .top a {font-size: 14px; line-height: 14px; color: #333333; font-family: 'calibribold';} .home-content .right a.blue {color: #6dcbdc; font-size: 14px; line-height: 19px; text-decoration: underline; display: block; padding: 0 0 60px 0; font-family: 'calibribold';} .home-content .right .bottom {border: 1px solid #cccccc; padding: 20px 15px;} .home-content .right .bottom h5 {font-size: 18px; color: #eb6600; line-height: 18px; font-family: 'calibribold';} .home-content .right .bottom p {color: #333333;} .home-content .right li {list-style: none; font-size: 14px; padding-bottom: 5px; padding-top: 5px; border-bottom: 1px #ccc dotted;} /* ------------------ FOOTER HERE --------------------------*/ #footer {background: #009cba; padding: 25px 0; position: relative;} .copy {} #footer ul {margin: 0 auto; text-align: center; /*padding: 0 15px;*/} #footer ul li {display: inline-block; margin: 0 20px 0 0;} #footer ul li a {font-size: 14px; font-family: "Oswald",sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; color: #fff;} #footer p {margin: 0; padding: 20px 0 0 0; text-align: center; color: #333333; font-size: 14px;} #footer p a {color: #ffffff;} #footer p span {color: #ffffff;} #footer .back { /*background: url(images/footer-back-top.jpg) scroll repeat-x 0 0; height: 349px; width: 100%; display: block; position: absolute; left: 0; top: -349px; z-index: 1; */} .mob_title {display: none;} /* ------------------ INNER1 HERE --------------------------*/ .banner {position: relative;} .banner img {margin: 0 auto;} .banner .caption {position: absolute; top: 20px; right: 20px; width: 285px; height: 195px; background: url(images/black-trans.png) scroll repeat 0 0; color: #ffffff;} .banner .caption h3 {font-size: 20px; line-height: 20px; padding: 25px 20px;} .banner .caption p {font-size: 14px; line-height: 19px; padding: 0 20px;} .inner-content {width: 980px; margin: 15px auto 0; position: relative;} .inner-content .left {float: left; width: 215px; margin: 0 15px 0 0; /*padding: 20px 0 0 0;*/ min-height: 700px;} .inner-content .left h5 { font-size: 30px; line-height: 14px; padding: 15px 10px; font-family: "bebas_neueregular"; color: #3FB4CA; border-bottom: 1px dotted #CCC; } .inner-content .right {float: right; width: 713px; padding: 15px; /* box-shadow: inset 0px 0px 10px 3px rgba(204, 202, 202, 0.75); -moz-box-shadow: inset 0px 0px 10px 3px rgba(204, 202, 202, 0.75); -webkit-box-shadow: inset 0px 0px 10px 3px rgba(204, 202, 202, 0.75);*/} .inner-content h2 {font-size: 28px; line-height: 30px; font-family: "Oswald",sans-serif; padding: 0 0 20px 0;color: #2F6FB0;font-weight: 500;} .inner-content p {color: #666666; font-size: 16px; margin: 0; padding: 0 0 5px 0;} .case-study .left .top {} .case-study .left .top ul {padding: 0 0 0 10px;} .case-study .left .top ul li {padding: 5px 0; border-bottom: 1px solid #cccccc;} .case-study .left .top ul li a {color: #333; font-size: 16px; font-family: "Oswald",sans-serif;} .case-study .left .bottom {border: 1px solid #cccccc; padding: 20px 15px; position: absolute; left: 10px; bottom: 20px; width: 170px;} .case-study .left .bottom h5 {font-size: 18px; color: #eb6600; line-height: 18px; font-family: 'calibribold';} .case-study .left .bottom p {color: #333333; margin: 0;} .case-study .right h5 {color: #333; font-size: 15px; font-weight: bold;} .case-study .right ul {} .case-study .right ul li {font-size: 14px; /*padding: 0 0 20px 0;*/} .case-study .right li {border-bottom: 1px dotted #999; padding-bottom: 5px; padding-top: 5px;} .case-study .right h2 {padding: 0 0 1px 0; /*border-bottom: 1px solid #cccccc;*/ margin: 0 0 18px 0;} .case-study .right .img {display: block; border: 1px solid #cccccc; padding: 7px; float: left; width: 200px; margin: 0 15px 0 0;} .case-study .right .rightc {float: left; width: 480px;} .case-study .right .rightc p {color: #333333; font-size: 14px; padding: 0 0 8px 0; border-bottom: 1px solid #cccccc; margin: 0;;} .case-study .right .rightc h6 {float: left; clear: none; width: 47%; margin: 0 2% 0 0; padding: 5px 0; border-bottom: 1px solid #cccccc; font-family: 'calibribold'; font-size: 15px;} .case-study .right .etc {border-bottom: 5px solid #cccccc; padding: 0;} .case-study .right .etc h2 {font-size: 22px;} .case-study .right .etc p {color: #3784a5; font-style: italic; font-size: 14px; padding: 0 50px;} /* ------------------ INNER2 HERE --------------------------*/ .case-study.news .right {} .case-study.news .right h2 {border: 0; padding: 5px 0 0 10px;} .case-study.news .right ul {padding: 0 15px 15px 15px;} .case-study.news .right ul li {border-bottom: 1px solid #999999; padding: 15px 0 10px 0;} .case-study.news .right h3 {font-size: 20px; line-height: 20px; font-family: 'calibribold'; padding: 0 0 2px 0;} .case-study.news .right h5 {font-size: 14px; line-height: 18px; padding: 0 0 20px 0; font-family: 'calibribold';} .case-study.news .right p {} .case-study.news .right a {display: block; text-align: right; background: url(images/green-arrow1.jpg) scroll no-repeat right 5px; float: right; font-family: 'calibribold'; font-size: 15px; color: #333333; padding: 5px 25px 0 0;} /* ------------------ INNER3 HERE --------------------------*/ .case-study.people .right .img {display: block; border: 1px solid #cccccc; padding: 7px; float: left; width: 150px; margin: 0 15px 10px 0;} .case-study.people .right .rightc {float: left; width: 520px;} .case-study.people .right .rightc h6 {float: none; clear: both; width: 100%; margin: 0; border-top: 1px solid #cccccc; background: url(images/green-arrow.jpg) scroll no-repeat right 7px; margin: 0 0 10px 0; cursor: pointer;} .case-study.people .right .rightc p {border: 0;} .case-study.people .right .etc {border-top: 5px solid #cccccc; padding: 20px 0; margin: 50px 0 0 0;} /* ------------------ INNER4 HERE --------------------------*/ .case-study .left .top ul li.color {border: 0;} .case-study .left .top ul li.color a {color: #3FB4CA;} .case-study .left .top ul li ul {padding: 5px 0 0 10px;} .case-study .left .top ul li ul li {border: 0;} .case-study .left .top ul li ul li:hover a, .case-study .left .top ul li ul li.active a {color: #05C8C8; text-decoration: underline;} .case-study.service h2 {border: 0;} .inner-content h3 {font-family: "Oswald",sans-serif; font-size: 24px; line-height: 30px; padding: 0 0 10px 0; color: #333;} .service .left-cont {float: left; width: 465px; margin: 0 15px 0 0;} .service .right-cont {float: left; width: 228px; margin: -40px 0 0 0;} .service .left-cont h4 {padding: 15px 0; font-family: 'calibribold'; font-size: 18px;} .service .left-cont p {margin: 0; padding: 0 0 10px 0;} .service .right-cont h2 {color: #009ab8;} .service .right-cont .top {background: #3fb4ca; color: #ffffff; padding: 0 0 20px 0;} .service .right-cont .top h5 {font-size: 14px; line-height: 14px; padding: 15px 10px;} .service .right-cont .top p {color: #ffffff; padding: 0 10px 10px 10px;} .service .right-cont .etc {border: 0; padding: 20px 0 0 0;} .service .right-cont .etc p {padding: 0 0 10px;} /* ------------------ INNER5 HERE --------------------------*/ /* ------------------ INNER6 HERE --------------------------*/ .about .left .top {background: #fff; color: #3fb4ca; padding: 0 0 20px 0;} .about .left .top h5 {font-size: 24px; line-height: 14px; padding: 15px 10px; font-family: "Oswald",sans-serif; color: #2F6FB0; border-bottom: 1px #ccc dotted; font-weight: 500;} .widget-title {font-size: 24px; line-height: 14px; padding: 15px 10px; font-family: "Oswald",sans-serif; color: #2F6FB0 !important; border-bottom: 1px #ccc dotted; font-weight: 500;} .about .left .top p {color: #333; padding: 0 10px 10px 10px;} .about .left .top img {/*width: 100%;*/} .about .left h2 {color: #0099b8; padding: 0 0 1px 0; border-bottom: 5px solid #cccccc; margin: 0 0 18px 0;} .about .right h4 {padding: 15px 0; font-family: 'calibribold'; font-size: 18px;} .about .right p {margin: 0; padding: 5px 0; line-height: 20px;} .about .right p.address {clear: both; color: #000; padding-bottom: 0px;} .about .right p.phone a {clear: both; color: #2F6FB0; padding-bottom: 0px !important;} .about .right p.email a {clear: both; color: #2F6FB0; padding-bottom: 0px !important;} .about .right p.website a {clear: both; color: #2F6FB0; padding-bottom: 0px !important;} .about .right p.cdash-social-media a {clear: both; color: #2F6FB0; padding-bottom: 0px; font-size: 14px;} .about .right .etc {border: 0; padding: 30px 0 10px 0;} .about .right .etc p {padding: 0 50px 10px 50px;} .case-study .right h2 a {color: #3FB4CA; text-decoration:none;} .case-study .right h2 a:hover {text-decoration:none;} .case-study .left .top ul li.current-menu-item a {color: #3FB4CA;} .single_service_sidebar img {width:100%;} .case-study .left .top ul li a {/*background: url(images/arrow1.png) scroll no-repeat left 5px;*/ padding: 0 0 0 10px} .case-study .left .top ul li ul {/*display: none;*/} .case-study .left .top ul li:hover ul {display: block;} .case-study .left .top ul li:hover a {color: #3FB4CA; /*background: url(images/arrow2.png) scroll no-repeat left 5px;*/} .case-study .left .top ul li:hover ul li a {background: none;} .case-study .left .top ul li.current-menu-item ul {display: block;} .case-study .left .top ul li.current-menu-item a {color: #3FB4CA; /*background: url(images/arrow2.png) scroll no-repeat left 5px;*/} .case-study .left .top ul li.current-menu-item ul li a {background: none;} .service .right-cont .top h5 a {color:#ffffff;} .service .right-cont .top h5 a:hover {text-decoration:underline;} #business .membership, #businesslist .description { margin: 0; clear: both; } .eventon_events_list .evoShow_more_events { text-align: center; background-color: #D9A300 !important; color: #fff !important; text-transform: uppercase; cursor: pointer; font-size: 20px !important; padding: 5px 0; margin: 0; }