/** * Theme Name: THEME-R PRODUCTION THEME * Theme URI: http://mednet-tech.com * Author: MedNet Technologies * Author URI: http://mednet-tech.com * Description: Custom HTML5 Pruduction Wordpress Theme Using thmpltfrmwrk * Template: thmpltfrmwrk * Version: 1 */ /* = Formatting -------------------------------------------------------------------------------------------------------------------- Global Styling For All Elements throughout the site */ html {background:#ffffff;} body {font-family:Arial, Tahoma, Helvetica, sans-serif; color:#3a3a3a; font-size:20px; line-height:34px} @media screen and (max-width: 992px) { body {font-size:18px;} } h1, h2, h3, h4, h5, h6 { margin:60px 0 30px; padding:0; color:#bb9758; font-weight:normal; text-transform:uppercase} H1{font-size:42px;line-height:42px} H2{font-size:30px;line-height:30px} H3{font-size:28px;line-height:28px} H4{font-size:26px;line-height:26px} H5{font-size:24px;line-height:24px} H6{font-size:22px;line-height:22px} .topheader {font-size:42px; line-height:42px; margin:0 0 30px; text-transform: uppercase;} @media screen and (max-width: 768px) { body {font-size: 16px; line-height: 32px;} H1,H2,H3,H4,H5,H6{margin:40px 0 10px;} H1{font-size:26px;line-height:34px} H2{font-size:24px;line-height:30px} H3{font-size:22px;line-height:28px} H4{font-size:20px;line-height:26px} H5{font-size:18px;line-height:24px} H6{font-size:16px;line-height:22px} .topheader {margin:0px 0 30px 0; font-size:26px; line-height:28px;} } /* -- Code to push topheader/breadcrumbs above graphic on inside pages -- */ h1.topheader, .archive h1.topheader {margin:-270px 0 210px 0; font-size:55px; line-height:60px; color:#fff;} .home h1.topheader, .single h1.topheader {margin:0 0 30px; color:#bb9758; font-size:42px; line-height:42px;} #breadcrumbs {font-weight: 300; margin:-160px 0 0 0; font-size: 16px; position:relative; z-index:9999;} #breadcrumbs a {color: #bb9758;} #breadcrumbs a:hover {color: #fff;} #breadcrumbs .breadcrumb_last {color: #fff;} @media screen and (max-width: 2085px) { h1.topheader, .single h1.topheader, .archive h1.topheader {margin:-230px 0 210px 0;} #breadcrumbs {margin:-130px 0 0 0;} } @media screen and (max-width: 1700px) { h1.topheader {margin:-200px 0 150px 0; font-size:42px; line-height:42px;} } @media screen and (max-width: 1460px) { h1.topheader {margin:-180px 0 135px 0; font-size:42px; line-height:42px;} #breadcrumbs {margin:-110px 0 0 0;} } @media screen and (max-width: 1280px) { h1.topheader {margin:-200px 0 190px 0;} #breadcrumbs {margin:0 0 0 0;} #breadcrumbs a:hover {color: #696969;} #breadcrumbs .breadcrumb_last {color: #696969;} } @media screen and (max-width: 1100px) { h1.topheader, .archive h1.topheader {margin:-185px 0 180px 0;} } @media screen and (max-width: 992px) { h1.topheader, .archive h1.topheader {margin:0 0 30px 0; color:#bb9758;} #breadcrumbs {margin:0 0 30px 0;} } @media screen and (max-width: 768px) { h1.topheader, .archive h1.topheader {margin:0px 0 30px 0; font-size:26px; line-height:28px;} .home h1.topheader, .page-id-300 h1.topheader, .single h1.topheader, .archive h1.topheader {font-size:26px; line-height:28px;} } ul, ol{ padding:0 0 0 30px; margin:0 0 40px; list-style:outside;} a {color:#bb9758; text-decoration:none} a:hover {color:#737373; text-decoration:none} /* take off the dotted outline on this elements */ a:hover, a:active, a:focus, object, embed { outline: 0; text-decoration:none; } hr {border-top: 1px solid #bebebe; margin: 20px 0 40px;} hr.gold {border:0; border-top:1px solid #c3b08d;} hr.clear { border: 0 none;height: 1px;margin: 0; clear:both} hr.spacer {border: 0 none;height: 40px;margin: 0;} p, .rowlikep {margin:0 0 40px} blockquote {border: 1px solid #d2d2d2; border-radius: 5px; font-size: 16px; line-height: 32px} /* -- Formatting classes -- */ .row.flushcolumns > * { padding:0} .img-thumbnail { background-color: #f7f7f7; border: 2px solid #333; border-radius:1px} .btn {background:#bb9758;color:#FFF;padding:15px 20px; text-decoration:none; border:0; cursor:pointer; text-transform:capitalize; border-radius:0; font-size:16px; margin-top: 20px;} .btn:hover {background:#847f7b;color:#FFF;text-decoration:none} .btn2 {background:#847f7b;} .btn2:hover {background:#bb9758;} .title {margin:10px 0 20px 0; color:#fff; font-size:18px; text-transform:uppercase; text-align: center; overflow: hidden; line-height: 2em; font-weight:300; letter-spacing:3px;} .title .inside { display: inline-block; position: relative; } .title .inside:before, .title .inside:after { content: ""; position: absolute; height: 5px; border-top: 1px solid; top: 50%; width: 150%; } .title .inside:before { right: 100%; margin-right: 15px; } .title .inside:after { left: 100%; margin-left: 15px; } @media screen and (max-width: 768px) { .title {font-size:16px; margin:10px 0} .title .inside:before, .title .inside:after {border:0;} } /* = Header -------------------------------------------------------------------------------------------------------------------- Elements in the structure/header.php file */ #header {background:#ffffff} @media only screen and (min-width:992px) and (max-width:2560px) { #header .container {width:100%;} } #header #section1 {padding-left:0;} #header #section3 {padding-right:0;} #header #logo img {max-width:100%} #header .btn {font-size:22px; text-transform:uppercase; font-weight:600;} #header .sm {clear:both; margin-top:20px;} #header p {margin:0;} @media only screen and (min-width:992px) and (max-width:1575px) { #section1 {width:50%;} #section2 {display:none;} #section3 {width:50%;} #header #logo img {max-width:418px;} } @media screen and (max-width: 992px) { #header .btn {margin-top:20px;} #header .sm {margin-bottom:20px;} } @media screen and (max-width: 992px) { #header .btn {margin-top:10px; font-size: 16px} #header #section3 {padding: 0} } /* = Header graphic for inside pages -------------------------------------------------------------------------------------------------------------------- */ #inside_graphic .container, #graphic-services .container {width:100%; padding:0;} #inside_graphic p, #graphic-services p {margin:0;} @media screen and (max-width: 992px) { #inside_graphic img, #graphic-services img {max-width: 200%; margin-left: -50%;} } /* = Main Navigation -------------------------------------------------------------------------------------------------------------------- */ #navigation {background:#fff; overflow: visible } #mainnav {margin-top:60px;} #mainnav_md {display:none; margin-top:20px;} /* menu styles for large screens */ #mainmenu{margin:0; float:left; } #mainmenu>li>a{font-size:17px;line-height:17px;padding:18px 30px; color:#4d4945;text-transform: uppercase; font-weight:400; } #mainmenu>li.first>a{padding-left:0} #mainmenu>li.last>a{background:0; padding-right:0} #mainmenu>li:hover>a{color:#bb9758; text-decoration:none} /* Sub-Menu*/ #mainmenu ul{width:200px;margin-top:0} #mainmenu li li a{color:#fff;font-size:16px;padding:8px 16px;margin:0;background:#bb9758; font-weight:400;} #mainmenu li ul a:hover{color:#fff;background:#847f7b} @media screen and (max-width: 2084px) { #mainmenu>li>a{padding:18px 22px;} } @media screen and (max-width: 1858px) { #mainmenu>li>a{padding:18px 20px; font-size:15px;} } @media screen and (max-width: 1670px) { #mainmenu>li>a{padding:18px 18px; font-size:14px;} } @media screen and (max-width: 1575px) { #mainnav {display:none;} #mainnav_md {display:block;} } /* menu for medium screens */ #mainmenu_md{margin:0; float:left; } #mainmenu_md>li>a{font-size:17px;line-height:17px;padding:18px 47px; color:#4d4945;text-transform: uppercase; font-weight:400; } #mainmenu_md>li.first>a{padding-left:0} #mainmenu_md>li.last>a{background:0; padding-right:0} #mainmenu_md>li:hover>a{color:#bb9758; text-decoration:none} /* Sub-Menu*/ #mainmenu_md ul{width:200px;margin-top:0} #mainmenu_md li li a{color:#fff;font-size:13px;padding:8px 16px;margin:0;background:#bb9758} #mainmenu_md li ul a:hover{color:#fff;background:#847f7b} @media screen and (max-width: 1280px) { #mainmenu_md>li>a{padding:18px 40px;} } @media screen and (max-width: 1200px) { #mainmenu_md>li>a{padding:18px 25px;} } @media screen and (max-width: 2025px) { #mainnav {margin-top:50px;} } @media screen and (max-width: 1830px) { #mainnav {margin-top:40px;} } @media screen and (max-width: 1600px) { #mainnav {margin-top:30px;} } /* Accordion Style */ @media screen and (max-width: 992px) { #navigation {background:#bb9758;} } #mainmenu_accordion, #mainmenu_accordion ul {list-style:none outside; margin: 0; padding: 0; overflow:hidden;} #mainmenu_accordion>li>a { margin:0; cursor: pointer; height:60px; line-height:60px; font-size:18px; color:#fff; display:block; padding:0; background:0;border:0;} #mainmenu_accordion>li>ul {padding: 0; margin:0 0 40px; /*border-top:1px solid #54583A;*/} #mainmenu_accordion ul li a{display:block; text-decoration:none; font-weight:normal; height:auto; line-height:24px; border-bottom:1px solid #a4844d;} #mainmenu_accordion ul li a:hover {text-decoration:none; } /* Mobile Submenu */ #mainmenu_accordion>li>ul>li a {background:0; color:#fff; padding:7px 0 7px 20px} #mainmenu_accordion>li>ul>li a:hover {color:#4a4745;} #mainmenu_accordion>li>ul>li li a { background:#bb9758; padding:7px 0 7px 40px;} #mainmenu_accordion>li>ul>li li li a {background:#bb9758; padding:0 0 0 50px;} #mainmenu_accordion>li>ul>li li li li a {background:#bb9758; padding:0 0 0 60px;} /* If a menu item has an dropdown */ #mainmenu_accordion .menu-item-has-children>a:after{ content:"\e252"; font-family:"Glyphicons Halflings"; margin:0 10px 0 0; display:inline-block; float:right; font-size:10px;} /*#header { border-bottom: 2px solid #ba9757; } .home #header { border-bottom:0px}*/ /* = Sticky Top Header -------------------------------------------------------------------------------------------------------------------- Elements in the structure/header.php file */ .am-sticky-mainrow .am-sticky-logo-img {max-height: 70px;} .am-sticky-toprow .btn {color: #fff; font-size: 14px; padding: 10px; margin: -3px 10px 0 0; text-transform: uppercase;} .am-sticky-mainrow {background: #CCCCCC} /* Menu Items */ .am-sticky-accordion ul li a {height: auto; line-height: 24px;} .am-sticky-accordion > li > ul > li a {padding: 7px 0 7px 20px;} .am-sticky-mainmenu > li > a {color: #4d4945; font-size: 17px; font-weigth: 400; text-transform: uppercase;} .am-sticky-mainmenu > li > a:hover {color: #bb9758} /* Submenu */ .am-sticky-mainmenu li li a {background: #bb9758} .am-sticky-mainmenu li li a:hover {background: #847f7b} .am-sticky-mainmenu li li a {color: #fff} .am-sticky-mainmenu li li a:hover {color: #fff} /* Accodion Menu */ .am-sticky-accordion > li > a {color: #4d4945; font-weight: normal;} .am-sticky-accordion > li > a:hover {color: #bb9758} /* Sub menu */ .am-sticky-accordion > li li a {background: #fff} .am-sticky-accordion > li li a:hover {background: #fff} .am-sticky-accordion > li li a {color: #4d4945; font-weight: 300} .am-sticky-accordion > li li a:hover {color: #bb9758} /* Side panel */ .am-sticky-side-panel {background: #CCCCCC} .am-sticky-iconsnav a {color: #009CDE} .am-sticky-iconsnav a:hover {color: #FFF} .am-sticky-accordion ul li a {border-bottom: 1px solid #d2d2d2;} .am-sticky-svg {width: 24px; height: 24px;} .am-sticky-iconsnav a {color: #bb9758;} .am-sticky-iconsnav a:hover {color: #847f7b;} .am-sticky-side-panel-logo-img {float: none; display: block; margin: 10px auto;} @media screen and (max-width: 650px) { .am-sticky-side-panel .sticky-side-panel-lefteditable {letter-spacing: 1px;} .am_social_follow_pack .am-social-svg {height: 32px!important; width: 32px!important;} } /* = Banner/Graphic - Carousel -------------------------------------------------------------------------------------------------------------------- */ #graphic {background:#000;} #graphic .container {padding:0;} .carousel-inner {width:100%; margin:0 auto;} .carousel-inner > .item > img.fullwidthimg {width:100%; height:auto} .carousel-inner > .item > .constrained { height:420px; background-size:cover!important;} .carousel-inner > .item {background:#fff} @media screen and (max-width: 768px) { .carousel-inner>.item>img {max-width:135%;} } /*Img was floating left causing issues with caption box*/ #graphic .wp-post-image {float:none;} /* -- CAPTION -- */ .carousel-caption {width:100%; left:0; bottom:0; text-align:center; background:url(images/structure/graphic_caption_bg.png)top center repeat; padding:0; margin:0;} .carousel-caption > * {color:#fff; text-shadow:none;} .carousel-caption h2 {color:#9e7e45; font-size:42px; line-height:42px; margin:0 0 20px 0; text-transform:none; font-weight:700; padding-top:30px;} .carousel-caption h3 {color:#423d39; font-size:90px; line-height:90px; margin:0 0 20px 0; text-transform:uppercase; font-weight:700;} .carousel-caption h4 {color:#423d39; font-size:42px; line-height:42px; margin:0; text-transform:none; font-weight:700; padding:90px 0;} .carousel-caption .btn {font-size:18px; text-transform:uppercase; margin:20px 0 -22px;} .carousel-caption p {font-size:18px; line-height:28px; margin:0; font-weight:700;} .carousel-caption .white_box {background:#fff; width:100%;} .carousel-indicators {bottom: 10px;} @media screen and (max-width: 2042px) { .carousel-caption h3 {font-size:65px; line-height:65px;} .carousel-caption h4 {padding:70px 0;} } @media screen and (max-width: 1700px) { .carousel-caption h2 {font-size:30px; line-height:30px;} .carousel-caption h3 {font-size:50px; line-height:50px;} .carousel-caption h4 {font-size:30px; line-height:30px; padding:50px 0;} } @media screen and (max-width: 1450px) { .carousel-caption h2 {font-size:24px; line-height:24px;} .carousel-caption h3 {font-size:40px; line-height:40px;} .carousel-caption h4 {font-size:24px; line-height:24px; padding:35px 0 50px;} .carousel-caption .btn {font-size:15px;} } @media screen and (max-width: 1200px) { .carousel-caption h3 {font-size:30px; line-height:30px;} .carousel-caption h4 {font-size:24px; line-height:24px; padding:35px 0 50px;} .carousel-caption .btn {font-size:14px; padding:10px 20px;} } @media screen and (max-width: 992px) { .carousel-indicators {display: none;} .carousel-caption {position:relative; background:#fff;} .carousel-caption h2 {font-size:20px; line-height:20px; margin:0 0 15px; padding-top:20px;} .carousel-caption h3 {font-size:25px; line-height:25px; margin:0 0 5px 0;} .carousel-caption h4 {font-size:20px; line-height:20px; padding:0 0 20px;} .carousel-caption .btn {margin:10px 0;} } @media screen and (max-width: 600px) { .carousel-caption {padding:0 20px;} .carousel-caption h2 {font-size:18px; line-height:20px; margin:0 0 12px; padding-top:15px;} .carousel-caption h3 {font-size:20px; line-height:22px; margin:0 0 5px 0;} .carousel-caption h4 {font-size:18px; line-height:20px; padding:0 0 12px;} .carousel-caption .btn {margin:10px 0;} } /* -- INDICATORS -- */ .carousel-indicators li {background:#d2d2d2; height:15px; width:15px; border:0px solid #fff; margin:2px;} .carousel-indicators li.active {background:#bb9758; height:15px; width:15px; margin:2px;} ol.carousel-indicators {margin-bottom:0;} /* -- LEFT/RIGHT FADE -- */ /* Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x) */ .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; transition-duration: .75s; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 100; } /* WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." Need to override the 3.3 new styles for modern browsers & apply opacity */ @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } #header-book-drive {background:url(images/structure/book_bg.jpg)top center no-repeat; padding:60px 0; color:#fff; background-size:cover;} #header-book-drive .text_holder {font-size:26px; color:#ffffff; line-height:55px; margin:80px 0 20px;} #header-book-drive a {font-size:26px; color:#ffffff; line-height:26px;} #header-book-drive a:hover {color:#bb9758;} #header-book-drive .btn {font-size:16px;} #header-book-drive .btn.first {margin-right:40px;} #header-book-drive .btn:hover {color:#fff;} @media screen and (max-width: 992px) { #header-book-drive .text_holder, #header-book-drive a{font-size:18px; line-height:22px;} #header-book-drive .text_holder {margin:0 0 20px;} #header-book-drive {padding:30px 0;} } @media screen and (max-width: 450px) { #header-book-drive .btn.first {margin-right: 0; margin-bottom: 10px;} } /* = Main Section -------------------------------------------------------------------------------------------------------------------- */ #main {background:#fff; padding:60px 0;} #main .title {color:#000;} .services_icons img {display: block; margin: 20px auto;} .services_icons .title {font-size: 21px; font-weight: 400; color: #4d4d4d; letter-spacing: 1px;} .nosidebar #main .main_section {width:100%;} aside .first {margin-top: 140px!important;} #main ul {list-style: none;} .title-gold {color: #bb9758!important;} .bcpipe {margin: 0 8px; color: #847f7b;} .home #breadcrumbs, .home .addthis_toolbox {display: none;} .post-type-archive-testimonials .addthis_toolbox {display: none;} p.p-intro {margin-bottom: 30px; line-height: 40px; font-size: 24px; font-weight: 300; color: #bb9758;} .services-header {font-size: 24px; line-height: 38px;} i.glyphicon {font-size: 14px; color: #737373; padding-right: 5px} i.m-right, i.m-down {font-size: 30px; color: #bb9758; padding: 10px 0;} ul.nomargin {margin-bottom: 0;} img.img-withborder {border: 1px solid #d2d2d2; border-radius: 5px;} img.withmargin {margin: 10px 0;} .video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 30px;} .video-container iframe, .video-container object, .video-container embed {height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .small_line { color: #bebebe; display: block; width: 30px; height: 1px; background: #bebebe; margin: 25px 0 10px;text-indent: -9999px;} #book-side {line-height: 30px; font-size: 17px;} #book-side .p-intro {line-height: 30px; font-size: 22px;} #book-side .center-block {margin: 70px auto;} .withmargin {margin: 0 0 30px;} @media screen and (max-width: 767px) { #main {padding: 30px 0;} .services_icons .title {font-size: 18px;} } /* = ------------ DRIVE Book page and Meet Tracy page ------------ */ .about-book img {margin: 40px auto;} .about-book ul { font-size: 17px; line-height: 24px; margin: 40px 0;} .about-book li {background: url(images/structure/bullet.png) no-repeat scroll 0 5px; margin-bottom: 20px; padding: 0 0 0 20px;} .about-book .btn {margin-bottom: 15px;} .answers {font-size: 18px; } .answers h3 {margin-bottom: 40px;} .answers img {margin: -5px 20px 10px 5px;} .answers ul {padding: 0; line-height: 30px;} .answers ul li {background: url(images/structure/bullet.png) no-repeat scroll 0 8px; padding-left: 20px; margin-bottom: 20px; font-size: 18px} .check_list ul li {background: url(images/structure/check-gold.png) no-repeat scroll 0 10px; padding-left: 25px; margin-bottom: 15px; font-size: 20px;} .check_list ul {padding: 0} #book-back {padding: 20px 70px;} #book-back strong {font-size: 24px;} #book-back span {text-transform: uppercase; color: #bb9758; font-size: 22px} #faqs .trigger-styled {border-bottom: 1px solid #d2d2d2; padding: 20px; background:url(images/structure/bullet.png) no-repeat scroll 0 32px; cursor: pointer; } #faqs .pane-styled {padding: 40px; border-bottom: 1px solid #D2D2D2} #faqs .tpf-active {background:url(images/structure/bullet-down.png) no-repeat scroll 0 32px; } .logos-carousel {min-height: 170px;} .img-caption, .wp-caption-text {font-size: 18px; line-height: 34px; color: #847f7b; font-style: italic;} /*#myCarousel .carousel-control {opacity:1.0;}*/ .page-id-26 .carousel-control-container {position:relative; top:-130px;} .page-id-26 .carousel-control.left {background:0; positioN:absolute; left:-150px; top: -15px/*left:-70px; width:0;*/} .page-id-26 .carousel-control.right {background:0; positioN:absolute; right:-150px; top: -15px; /*right:-20px; width:0;*/} @media screen and (max-width: 992px) { .page-id-26 .carousel-control {display:none;} } /* = -------- Curriculum Vitae ------------ */ #resume {line-height: 30px;} #resume .resume-header {margin: 5px 0 15px; line-height: 38px;} #resume hr {margin: 40px 0;} span.name-grey {color: #737373; font-weight: 300; letter-spacing: 1px; } #resume ul li {background: url(images/structure/bullet.png) no-repeat scroll 0 9px; padding: 0 0 0 20px; margin-bottom: 20px; } /* = -------- Media Library page ------------ */ .publications {font-size: 18px; font-weight: 300; line-height: 29px!important; margin-top: 30px;} .publications a {color: #737373;} .publications a:hover {color: #bb9758;} /* = -------- Services Page and IF Marketing Page and Speaking Page and Free Tools Page ------------ */ #services-left {background: url(images/structure/services-1.jpg) no-repeat; min-height: 750px; padding: 30px 40px;} #services-right {background: url(images/structure/services-2.jpg) no-repeat; min-height: 750px; padding: 30px 40px;} .services ul, .topics ul {padding: 0;} .services ul li, .topics ul li, #companies li {background: url(images/structure/bullet.png) no-repeat scroll 0 12px; padding: 0 0 0 20px;} #applause_book img {margin-bottom: 0;} .header-black {color: #595959; margin-top: 20px;} .socieity_logos img, .meeting_logos img {margin: 20px auto;} #media-link {border: 1px solid #bb9758; border-radius: 5px; padding: 40px; margin: 40px 0; font-size: 24px} #media-link img {margin: 0 20px 30px 0; display: inline-block} #catalog p {font-size: 17px; margin-bottom: 0;} /* = --------Blog Page ------------ */ .blog .blog_holder {margin-left:0;} .blog h2 {margin:0 0 30px 0;} .blog #main .section_right {background:#f5f5f5; padding-top:20px; padding-bottom:20px} .blog .section_left {padding:0;} .blog .section_left img {float:none; margin:0 auto;} .blog .section_right .date {float:right; text-transform:uppercase; font-size:22px; color:#9d9d9d;} .blog .section_right h2 {text-transform:uppercase; font-size:22px; color:#bb9758; margin-bottom:10px;} .blog .section_right p {margin:0 0 10px; font-size:17px; line-height:28px;} .portfolio-link {position: relative; display: block; width: 100%; height: auto; overflow: hidden; margin: 15px 0; background: #5a5653} .portfolio-link img { transition: all .3s ease-in-out; display: block; margin: 0; } .portfolio-link img:hover { transform: scale(1.2); opacity: 0.6 } @media screen and (max-width: 1280px) { .blog #main .section_right {background: none;} } @media only screen and (min-width:992px) and (max-width:2560px) { .blog .section_left {width:32%;} .blog #main .section_right {min-height:266px;} } @media screen and (max-width: 992px) { aside .first {margin-top: 40px!important;} p.p-intro {font-size: 21px; line-height: 36px;} .logos-carousel {min-height: 300px;} #book-back {padding: 20px 0;} .blog #main .container {max-width: 700px;} .blog .section_right h2 {font-size:18px;} .blog .section_right .date {font-size:20px; } .blog #main .section_right {background: none;} .blog .blog_holder {margin-left: 0; margin-right: 0;} } @media screen and (max-width: 767px) { .about-book ul, .answers ul li, .check_list ul li {font-size: 16px;} .about-book ul {padding-left: 0;} #faqs .pane-styled {padding: 20px 10px;} /*.publications .small_line {margin: 20px auto; display: block; float: none;} .publications {text-align: center;}*/ .realigncenter {float: none; margin: 0 auto 25px!important; display: block!important;} #media-link {font-size: 20px;} } @media screen and (max-width: 450px) { #resume ul {padding-left: 0;} } /* = Bottom Section|s -------------------------------------------------------------------------------------------------------------------- */ #bottom_testimonials {background:url(images/structure/testimonial_bg.jpg)top center no-repeat; background-size:cover; padding:60px 0; position:relative; color:#fff;} /*#bottom_testimonials .container {width:100%; max-width:1280px;}*/ #bottom_testimonials .btn {margin-top: 60px;} @media screen and (max-width: 1400px) { #bottom_testimonials .container {max-width: 1100px;} } @media screen and (max-width: 1100px) { #bottom_testimonials .container {max-width: 850px;} } #bottom_testimonials .title .inside:before, #bottom_testimonials .title .inside:after {width:800%;} #bottom_testimonials h3 {font-size:20px; color:#fff; font-weight:normal; margin:30px 0 50px; text-align:center;} #bottom_testimonials .topheader {margin-bottom:0;} @media screen and (max-width: 768px) { #bottom_testimonials {padding: 30px 0 60px;} #bottom_testimonials h3 {font-size:20px;} } #bottom_testimonials #testimonial_carousel {background:none;} #bottom_testimonials .carousel-inner > .item {background:none;} #bottom_testimonials ol.carousel-indicators {margin-top:20px; bottom:-50px;} #bottom_testimonials .carousel-control {opacity:1.0;} #bottom_testimonials .carousel-control.left {background:0; left:-70px; width:0; top: 50px;} #bottom_testimonials .carousel-control.right {background:0; right:-20px; width:0; top: 50px;} @media screen and (max-width: 992px) { #bottom_testimonials .carousel-control {display:none;} } #bottom_testimonials .white_box {background:#fff; width:100%; max-width:300px; padding:40px; display:block; margin:0 auto; text-align:center; line-height:20px} #bottom_testimonials .white_box img {width:100%; max-width:100px;} #bottom_testimonials .white_box h3 {font-size:16px; color:#000; margin:10px;} #bottom_testimonials .white_box .am-testimonial-title {color:#000; font-size:16px; line-height:16px;} #bottom-accomplishments {background:url(images/structure/accomplishments_bg.jpg)top center no-repeat; padding:60px 0; font-size:18px; text-transform:uppercase; letter-spacing:2px;} #bottom-accomplishments .title {color:#3a3a3a; font-size:18px;} #bottom-accomplishments h2 {font-size:42px; line-height:42px;} #bottom-accomplishments h2.topheader {margin-bottom:130px;} #bottom-accomplishments h3 {font-size:24px; line-height:24px; color:#2a2a2a; text-transform:uppercase; letter-spacing:3px; font-weight:400; margin:40px 0;} #bottom-accomplishments .number {font-size:70px; line-height:70px; color:#bb9758; letter-spacing:0;} #bottom-accomplishments .image {float:left; margin:30px 10px 0 0; height:125px;} /*#bottom-accomplishments .image img {max-width: 92px;}*/ @media screen and (max-width: 992px) { #bottom-accomplishments .number {font-size:50px;} } @media screen and (max-width: 768px) { #bottom-accomplishments {padding: 30px 0;} #bottom-accomplishments .row .col-xs-12 {width: 50%;} #bottom-accomplishments .image img {max-width: 60px; height: auto;} } @media screen and (max-width: 600px) { #bottom-accomplishments .row .col-xs-12 {width: 100%;} } #bottom-accomplishments hr {border-top:1px solid #bebebe;} #bottom-accomplishments hr.clear{border-top:0 solid #bebebe;} #bottom-accomplishments .print_holder img {margin:0 10px;} @media only screen and (min-width:1280px) and (max-width:2560px) { #bottom-accomplishments .col-md-4 {width:32%;} } @media only screen and (min-width:992px) and (max-width:1280px) { #bottom-accomplishments .col-md-4 {width:50%;} } @media screen and (max-width: 1200px) { #bottom-accomplishments {background-size:cover;} } @media screen and (max-width: 768px) { #bottom-accomplishments {background:#fafafa;} #bottom-accomplishments h2.topheader {margin-bottom:60px;} #bottom-accomplishments h2 {font-size:30px; line-height:30px;} #bottom-accomplishments h3 {font-size:20px; line-height:20px;} #bottom-accomplishments .number {font-size:40px; line-height:50px;} } @media screen and (max-width: 600px) { #bottom-accomplishments .image {float:none; margin:10px auto; height:auto; border-top: 1px solid #DEDEDE;padding-top: 20px;} #bottom-accomplishments .number {font-size:40px; line-height:40px;} #bottom-accomplishments h2 {font-size:24px; line-height:24px;} #bottom-accomplishments .image img {max-width: 92px; height: auto;} } #press-print img {margin: 20px 0;} @media screen and (max-width: 1280px) { #press-print img {max-width: 150px; height: auto;} } @media screen and (min-width:992px) and (max-width: 1280px) { #press-print img {max-width: 165px; height: auto;} } #bottom-world {background:url(images/structure/world_bg.jpg)top center no-repeat; background-size:cover; padding:60px 0; color:#fff; position:relative} #bottom-world .title {font-size:18px;} #bottom-world h2 {font-size:42px; line-height:42px; text-align:center;} @media screen and (max-width: 768px) { #bottom-world {padding: 30px 0;} #bottom-world h2 {font-size:30px; line-height:30px;} } /*Controls*/ #logos_pager {display:none;margin:0 -15px 0 0; text-align:center; /*display:block;*/} #logos_pager strong {display:none} #logos_pager a {color:#fff; background:#fff; border:1px solid #fff; padding:5px; font-size:1px; margin:0 15px 0 0; border-radius:10px} #logos_pager a.activeSlide {color:#bb9758; background:#bb9758; border:1px solid #bb9758;} @media screen and (max-width: 1280px) { #logos_pager {display:block;} } @media screen and (max-width: 420px) { #logos_pager {margin:30px -15px 0 0;} } /*Arrows*/ #logos_nav {display:block; max-width:1260px; width:100%; position:absolute; top:48%; z-index:999;} #logos_prev, #logos_next {width:49px; height:49px; margin:0; display:block; text-indent:-9999px; z-index:5; cursor:pointer;} #logos_prev { float:left; background:url(images/structure/arrow_left.png)top center no-repeat;} #logos_next {float:right; background:url(images/structure/arrow_right.png)top center no-repeat;} #logos_prev:hover {background:url(images/structure/arrow_left_hover.png)top center no-repeat;} #logos_next:hover {background:url(images/structure/arrow_right_hover.png)top center no-repeat;} @media screen and (max-width: 1460px) { /*#features_slides_nav {display:none;}*/ #logos .test_holder {width:100%;} } @media screen and (max-width: 1280px) { #logos_nav {display: none;} #logos_nav {max-width:915px;} } @media screen and (max-width: 992px) { #logos_nav {display:none;} } .logo_inside img {margin:0 10px;} .logos {display:block; width:100%!important;list-style:outside none; padding:0; margin:0 0 0px 0; text-align:center;} .logo {width:100%;} #bottom_blog {background:#f4f4f4; padding:60px 0;} #bottom_blog .title {font-size:18px; color:#2a2a2a;} #bottom_blog h2 {font-size:42px; line-height:42px; text-align:center;} #bottom_blog .title .inside:before, #bottom_blog .title .inside:after {width: 90%; } #bottom_blog .row {background:#fff;} #bottom_blog .latest {border-right:1px solid #ebebeb;} #bottom_blog .last {border-right:0 solid #ebebeb;} #bottom_blog .excerpt_holder {padding:0 40px; min-height: 670px;} #bottom_blog .wp-post-image {float:none; margin:0; width:100%; height:auto; max-width:442px;} #bottom_blog .latest h2 {font-size:22px; color:#3a3a3a; text-align:left; text-transform:uppercase; margin:20px 0;} #bottom_blog hr.divider {width:50px; text-align:left; border-top: 1px solid #bebebe; float:left;} #bottom_blog .excerpt {clear:both;} #bottom_blog .date {font-size:15px; color:#9b9b9b; display:block; text-transform:uppercase; margin:20px 0;} #bottom_blog .btn {display:block; text-align:center;} #bottom_blog .more {display:inline-block; text-align:center; margin:20px 0;} #bottom_blog p {margin:0; background:#f4f4f4;} @media screen and (max-width: 1280px) { #bottom_blog .excerpt_holder {padding:0 40px; min-height: 750px;} } @media screen and (max-width: 1200px) { #bottom_blog .excerpt_holder {padding:0 40px; min-height: 860px;} } @media only screen and (min-width:992px) and (max-width:2560px) { #bottom_blog .latest {padding:0;} } @media screen and (max-width: 992px) { #bottom_blog .latest {border-right:0 solid #ebebeb; margin-bottom:40px;} #bottom_blog .row {background: none;} #bottom_blog .wp-post-image {margin: 20px auto; float: none;} #bottom_blog .excerpt_holder {padding:0 40px; min-height: 350px;} #bottom_blog hr.divider {margin: 0 0 20px;} #bottom_blog .latest h2 {text-align: center;} } @media screen and (max-width: 768px) { #bottom_blog { padding:30px 0;} #bottom_blog h2 {font-size:30px; line-height:30px;} } #bottom-contact {background:url(images/structure/contact_bg.jpg)top center no-repeat; padding:60px 0; background-size:cover} #bottom-contact .topheader {margin-bottom:100px;} @media screen and (max-width: 768px) { #bottom-contact {background:#fff;} #bottom-contact .title {color:#2a2a2a;} #bottom-contact .topheader {margin-bottom:40px;} } #bottom-contact .gform_wrapper ul li.gfield {margin-top: 0px;} /* Gravity Forms */ .gform_wrapper .gform_heading, .gform_wrapper .top_label .gfield_label {display:none!important} .gform_wrapper .ginput_container input, .gform_wrapper .ginput_container textarea { background:#fff; width:100%!important; text-indent: 0 !important; border-radius:0; border:0; } .gform_wrapper .ginput_container input {color:#3a3a3a;height:50px!important; padding:6px 12px!important; border:0px solid #fff; border-bottom:1px solid #bebebe!important; box-shadow:none!important;} .gform_wrapper .ginput_container textarea {color:#3a3a3a;height:48px !important; border-bottom:1px solid #bebebe!important; box-shadow:none!important;} .gfield.disclaimer {font-size:12px; font-style:italic} .gform_wrapper .gform_footer {padding:0!important; text-align:center;} #gform_submit_button_1 {padding:20px; } .form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } /* changes color of placeholder */ .gform_wrapper .ginput_container input::-webkit-input-placeholder, .gform_wrapper .ginput_container textarea::-webkit-input-placeholder { color: #999; } .gform_wrapper .ginput_container input:-moz-placeholder, .gform_wrapper .ginput_container textarea:-moz-placeholder { /* Firefox 18- */ color: #999; } .gform_wrapper .ginput_container input::-moz-placeholder, .gform_wrapper .ginput_container textarea::-moz-placeholder { /* Firefox 19+ */ color: #999; } .gform_wrapper .ginput_container input:-ms-input-placeholder, .gform_wrapper .ginput_container textarea:-ms-input-placeholder { color: #999; } @media screen and (max-width: 400px) { .gform_wrapper .ginput_container input, .gform_wrapper .ginput_container textarea {float:none; width:100% !important; margin:0;} } #bottom-contact .gform_wrapper {max-width: 100%;} #bottom-contact .sm_holder {text-align:center;} #bottom-contact .sm_holder i {margin-left:20px; color:#bb9758!important; font-size:18px;} #bottom-contact .sm_holder a {color:#999999;} #bottom-contact .subscribe_holder {width:64%; display:block; margin:0 auto;} #bottom-contact .subscribe {background:#464443; color:#fff; padding:8px 20px; float:left; width: 50%; font-size: 16px;} #gform_fields_3 {float:left!important;} #bottom-contact #gform_fields_3 #input_3_1 {background:#ebebeb; color:#3a3a3a; border:0px solid #fff!important; box-shadow:none!important; width:140%!important; margin:0!important;} #bottom-contact #gform_submit_button_3 {display:none!important;} @media screen and (max-width: 1280px) { #bottom-contact #input_3_1 {width:162%!important;} } @media screen and (max-width: 1200px) { #bottom-contact #input_3_1 {width:129%!important;} } @media screen and (max-width: 992px) { #bottom-contact .subscribe {float:left; width:50%;} #bottom-contact .subscribe_holder {width: 100%; } #gform_wrapper_3 {margin-top:0!important;} #bottom-contact #input_3_1 {width:150%!important;} } @media screen and (max-width: 768px) { #bottom-contact .subscribe {float: none; width: 300px; margin: 20px auto 0;} #bottom-contact .subscribe_holder {width:100%;} #gform_fields_3, #bottom-contact #input_3_1, #bottom-contact #input_3_1 {width:100%!important;} #bottom-contact .subscribe_holder .ginput_container {width: 300px; margin: 0 auto;} #bottom-contact #gform_fields_3 #input_3_1 {width: 100%!important; margin: 0 0 0 8px!important;} } @media screen and (max-width: 640px) { #bottom-contact #gform_fields_3 #input_3_1 {margin: 0!important;} } /* = Footer Section -------------------------------------------------------------------------------------------------------------------- */ #footer {background:#464443; padding:30px 0; color:#999999; font-size:15px;} #footer a {color:#f4f4f4} #footer a:hover {color:#999999} @media only screen and (min-width:1280px) and (max-width:2560px) { #footer .container {width:100%;} } #footermenu{margin:0; float:left;} #footermenu>li>a{font-size:14px;line-height:14px;padding:10px 35px; color:#f4f4f4;text-transform: uppercase; font-weight:300; background:url(images/structure/footer_nav_divider.jpg) center right no-repeat;} #footermenu>li.first>a{padding-left:0} #footermenu>li.last>a{background:0; padding-right:0} #footermenu>li:hover>a{color:#999999; text-decoration:none} @media (max-width: 1983px) { #footermenu>li>a{padding:10px 43px;} } @media (max-width: 1810px) { #footermenu>li>a{padding:10px 33px;} } @media (max-width: 992px) { #footermenu>li>a{padding:10px 20px;} } @media only screen and (min-width:992px) and (max-width:1590px) { #footer .section_nav {left:0; width:100%;} #footer .section_copy {left:0; width:50%;} #footer .section_right {width:50%;} #footernav {margin-bottom:55px;} } @media (max-width: 990px) { #footer_nav {padding:20px 0;} } /* = Back to top -------------------------------------------------------------------------------------------------------------------- */ .backtotop.styled { position:fixed;bottom:20px;right:20px;width:55px;height:55px; color:#FFF;font-weight:bold; font-size:30px;line-height:50px; display:none; text-align:center;background-color:#bb9758; border:1px solid #bb9758; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; /* text-indent:-9999px;background: url('icon_top.png') no-repeat;*/ } /* = Forms -------------------------------------------------------------------------------------------------------------------- */ /* Gravity Forms */ .gform_wrapper .gform_heading, .gform_wrapper .top_label .gfield_label, .gform_wrapper label {display:none!important} .gform_wrapper .ginput_container input.form-control, .gform_wrapper .ginput_complex .ginput_full input.form-control, .gform_wrapper .ginput_container textarea.form-control, .gform_wrapper .ginput_container select.form-control { color:#999;height:50px!important; padding:6px 12px!important; border:0px solid #fff; border-bottom:1px solid #737373!important; box-shadow:none!important; margin:15px 0; font-size: 16px } #input_1_5 {width:100%;} .gfield.disclaimer {font-size:12px; font-style:italic} .gform_wrapper .gform_footer { padding:0!important; text-align:right} .gform_footer input[type=submit] {/*width:100%;*/} /* Long contact form address */ .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right { width:49%!important; min-height:1px!important; } .gform_wrapper div.ginput_container, .gform_wrapper .address_line_2, .gform_wrapper .ginput_complex > span {margin-top:0px!important;} .gform_wrapper .address_line_2 {display:block} #bottom-contact .gform_footer {text-align: center;} .subscribe .gform_wrapper .ginput_container input.form-control, .subscribe .gform_wrapper .ginput_complex .ginput_full input.form-control, .subscribe.gform_wrapper .ginput_container textarea.form-control, .subscribe.gform_wrapper .ginput_container select.form-control {margin: 0!important;} .field_description_below {font-size: 16px; font-style:italic;} #main .main_section #gform_submit_button_1 {margin-top: -100px;} @media screen and (max-width: 768px) { #main .main_section #gform_submit_button_1 {margin: 10px auto; display: block; float: none;} } /* = Blog Section -------------------------------------------------------------------------------------------------------------------- */ .blog.home #main article, .category #main article, .archive #main article { background:#FFF; border-bottom:1px solid #ccc; padding:30px } .topheader.resultheader {margin:0 0 10px; font-size:18px;} .result_data { display:block; list-style: none outside; padding:0} .result_data li { display: inline; padding:0 10px 0 0; color:#888} .wp-post-image {float:left; margin:0 25px 0 0} .pagination {display:block; float:left; width:100%; padding:10px 0; margin-top:10px;text-align:left; line-height:45px} .pagination>*{ padding:8px; border:1px solid #ccc; } .pagination .current {background:#dfdfdf} .pagination a[rel=prev] {float:left} .pagination a[rel=next] {float:right} @media only screen and (max-width:992px) { } /* = Maps Google Map API & InfoWindow Styles -------------------------------------------------------------------------------------------------------------------- */ .mapcanvas {float:left; width:99%; height:500px; margin: 0 0 20px; border:0 double #ccc} .iwindow {line-height:18px;width:250px} .iwindow hr { border:0;margin:10px 0; background:0; border-top:1px solid #ddd; width:100%; clear:both } .iwindow a {font-size:12px} .iwindow.hasimg {width:350px} .iwindow.hasimg hr {float:left;} .hasimg.hasimg .infoimg {float:left;max-width:100px;margin:0 10px 0 0} .mapimg {display:block; height:100px; width:auto;} /* -- Directions form - active only on single locations -- */ .directions_form {float:left;display:block;border:1px solid #ddd; width:100%} .directions_form>div {display:block;padding:10px; overflow:hidden} .directions_form .saddr{float:left; width:75%; padding:10px} .directions_form strong {display:block} .directions_form .dbtn {float:right; width:18%; border:0; padding:10px;} /* -- map_info styles/ Bubble -- */ .map_info {clear:none!important;overflow:hidden; line-height:18px; float:left; cursor:pointer} .map_info {width:32%;margin:0 1% 10px 0} .map_info .org, .map_info .line1, .map_info .line2, .map_info .csz, .map_info .tel, .map_info .fax, .map_info .extra {display:block;} .map_info .full_address {display:block;padding-bottom:10px} /* = Bootstrap overwrites -------------------------------------------------------------------------------------------------------------------- */ /* change the gutter widths to 25px. Essentially making them 50px in between columns */ .row { margin-left: -25px; margin-right: -25px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 25px; padding-right: 25px; } .container { padding-left:25px; padding-right:25px} /* Change the width of the container for med screens*/ @media (min-width: 1280px) { .container { width: 1280px; } } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {z-index: 20;}