/** * Theme Name: Center for Facial Appearances Custom 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 ** Advice Media ** */ html {background:#ffffff;} body {font-family:"Lato", sans-serif; color:#000; font-size:20px; line-height:36px;font-weight:300} h1, h2, h3, h4, h5, h6 { margin:60px 0 30px; padding:0; color:#1f1f1f; font-weight:normal; text-transform:capitalize} .smallertxt {font-weight:900;text-transform:uppercase;font-size:18px;color:#cc0001;letter-spacing:7px} @media screen and (max-width:1200px){ .smallertext {letter-spacing:5px} } @media screen and (max-width:992px){ .smallertxt {letter-spacing:3px} } @media screen and (max-width:768px){ .smallertxt {letter-spacing:1px} } H1{font-size:48px;line-height:58px; /*color:#222 */} H2{font-size:40px;line-height:50px; /*color:#ee5831 */} H3{font-size:30px;line-height:40px;} H4{font-size:26px;line-height:36px} H5{font-size:24px;line-height:34px; color:#e9104b} H6{font-size:22px;line-height:32px} .topheader {margin:0 0 60px;} .topheader2 {margin:0 0 30px;} .heading {margin:0 0 30px;} .home h2.topheader {font-size:36px; line-height:38px;} .htag.headerborder {margin: 0 0 40px; color: #cc0001; font-size:34px; text-transform: none; border-bottom: 6px solid #cc0001; border-right: 6px solid #cc0001; padding-bottom: 20px;} @media screen and (max-width: 768px) { 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;} .home h2.topheader {font-size:26px; line-height:26px;} } ul, ol{ padding:0 0 0 16px; margin:0 0 40px; list-style:outside;} ul.indent, ol.indent { padding-left:30px} /* Fontawesome Icon Support */ ul.faul, ol.faul { list-style:none;} .faul li {font-family:FontAwesome;position:relative} .faul li:before { left:-18px;font-size:11px;position: absolute; color:#DE0846} ul.fancy-list {padding: 0;list-style: none;font-size: 20px;line-height: 50px;} ul.fancy-list li {padding: 0 0 0 20px;background: url(images/structure/arrow.png) left center no-repeat;} a {color:#cc0001; text-decoration:none} a:hover {color:#f90001; 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 {text-align: center;border:0;clear:both;margin:40px auto;border-top:1px solid #777;color:#DE0846} hr.clear { border: 0 none!important;height: 1px;margin: 0; clear:both} hr.spacer {border: 0 none;height: 40px;margin: 0} hr.spacer.short {height: 20px} hr.centered {max-width:400px} hr.left {max-width:150px; margin-left:0} /* all headers followed by an HR get their margins redone */ hr + .htag {margin-top: 40px; } hr + .topheader2 {margin:10px 0 30px;} hr[class*="fa-"]::before { display: inline-block;font-family:FontAwesome;position:relative;padding:0 10px;top:-14px;background:#FFF;font-size:18px} hr.fancy-divider {background: url(images/structure/fdivider.png) center center no-repeat;border:0;height:40px;margin:60px 0;} /* fancy lines before/after an element */ .linetop::before{content:' ';display:block;margin:0 0 20px;max-width:150px;border-top:1px solid #777} .linebottom::after{content:' ';display:block;max-width:150px;border-top:1px solid #777} p, .rowlikep {margin:0 0 40px} strong.lead {font-weight: 700;} strong.lead-quote {font-size:35px; line-height: 54px; font-style: italic;} /* Block Quote styling */ blockquote {border-left: 6px solid #cc0001; font-size: 24px; line-height: 40px; padding: 0 32px; margin: 0 0 40px;} blockquote cite {display:block; margin:20px 0 0; color:#db1249; font-style:normal} blockquote.large {font-size:60px; line-height:60px} blockquote.large cite {font-size:18px; line-height:18px} /* enable styled quote */ blockquote.quoted {border:0;position:relative; padding:0 0 0 70px} blockquote.quoted::before {display:block;content:open-quote;position:absolute;font-size:160px;left:0;top:30px;color:#ee5831;} /* -- Formatting classes -- */ .row.flushcolumns > * { padding:0} .img-thumbnail { background-color: #f7f7f7; border: 2px solid #333; border-radius:1px} /* Buttons */ .btn.btnc, .btn.btnc::before {background:#cc0001; color:#FFF; padding:15px 20px; text-decoration:none; border:0; border-radius:0; cursor:pointer; text-transform:uppercase;font-size:16px;font-weight:300} .btn.btnc:hover {background:#f90001; color:#FFF; text-decoration:none} @media screen and (max-width: 768px) { .btn-responsive { white-space: normal !important; word-wrap: break-word; } } /* Misc accents */ .left-border { border-left: 1px solid #d2d2d2;} .emphasisbox { padding:40px;background:#efefef} .emphasisbox .htag {color:#db1249} /* accordion styling */ .tpf-ac-trigger {cursor:pointer; position:relative; padding-left:25px; margin:0 0 20px} .tpf-ac-trigger::before { position: absolute; top:35%;left:0; content: "";display: block; width: 0.4em; height: 0.4em; transform: rotate(45deg); border-right: 0.2em solid #DE0846; border-top: 0.2em solid #DE0846; } .tpf-ac-trigger.tpf-active::before {transform: rotate(135deg)} /* Tabs Styling */ .nav-tabs.tabsc {border-bottom:2px solid #ee5831} .nav-tabs.tabsc a { padding: 10px 20px;border-radius:0; background:#2d2b2a; color:#FFF } .nav-tabs.tabsc .dropdown-menu {background:#2d2b2a} .nav-tabs.tabsc .dropdown-menu .divider {background:#ee5831;} .nav-tabs.tabsc >.active >a, .nav-tabs.tabsc >li >a:focus, .nav-tabs.tabsc >li >a:hover {background:#ee5831; color:#FFF} .tab-content.tabsc { background:#EFEFEF; padding:20px} /* Table Styling */ .table.tablec tr th {background:#ee5831; color:#FFF} .table.tablec tr th:nth-of-type(even) {background:#eb2842} .table.tablec tr:nth-of-type(odd) {background-color: #efefef} .table.tablec tr:nth-of-type(odd) td:nth-of-type(even) {background-color: #e7e7e7} .table.tablec tr:nth-of-type(even) {background-color: #f9f9f9} .table.tablec tr:nth-of-type(even) td:nth-of-type(even) {background-color: #f0f0f0} /* SMALL LINE */ .small_line {color: #cc0001; display: block; width: 45px; height: 1px; background: #cc0001; margin: 15px auto 70px; text-indent: -9999px;} @media screen and (max-width:992px){ .small_line {margin:15px auto 50px} } @media screen and (max-width:768px){ .small_line {margin:15px auto 40px} } /* To Make Embedded Youtube Videos Responsive */ .video-container {position: relative; padding-bottom: 56.25%; padding-top: 35px; margin-bottom: 40px; height: 0; overflow: hidden;} .video-container iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;} .blog .addthis_toolbox, .archive .addthis_toolbox {display: none;} /* = Inside Banner -------------------------------------------------------------------------------------------------------------------- */ #main-inside-banner { background: url(images/structure/main-inside-banner.png) bottom center no-repeat; min-height: 424px; position: relative; top: 0; margin-bottom: 0; } @media screen and (max-width: 991px) { #main-inside-banner {min-height: 300px;top: 0;margin-bottom: 0;} } @media screen and (max-width: 767px) { #main-inside-banner {background:0; min-height:0;top: 0;margin: 0 -25px;} } /* = Services Landing Page -------------------------------------------------------------------------------------------------------------------- */ #services-lp .services-surgery, .services-treatments, .services-reconstructive {padding:470px 40px 80px;} #services-lp .services-surgery {background: url(images/structure/CosmeticSurgery.jpg) top center no-repeat #eeeeee;} #services-lp .services-treatments {background: url(images/structure/CosmeticTreatments.jpg) top center no-repeat #eeeeee;} #services-lp .services-reconstructive {background: url(images/structure/Reconstructive.jpg) top center no-repeat #eeeeee;} #services-lp h2 {font-family: 'Lato', sans-serif;font-size: 20px; line-height: 24px; font-weight: 700; text-transform: uppercase;margin:0 0 30px;} #services-lp ul.wp_nav_menu {list-style: none;padding: 0;font-size: 18px;line-height: 36px;font-weight: 400;margin:0} @media screen and (max-width: 991px) { #services-lp .services-surgery, .services-treatments, .services-reconstructive {padding:450px 40px 60px;} } /* = Topbar -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #topbar {background:#eaf2f9; padding:10px;} #topbar .addresses { font-size:18px; text-transform:uppercase; text-align:right;color:#000; margin:0} #topbar .addresses li {padding-left:20px} #topbar .addresses .tel { font-weight:bold; color:#4c85c5} #topbar .addresses .bottom { font-size:14px} @media screen and (max-width: 780px) { #topbar .addresses {text-align:center} #topbar .addresses { font-size:14px;} #topbar .addresses .bottom { display:none} } /* = Header -------------------------------------------------------------------------------------------------------------------- Elements in the structure/header.php file ** Advice Media ** */ #header {background:#eeeeee;} #header #logo img {max-width:100%;padding:31px 0} #header .topright {padding:55px 0 45px} #header .white-bkg {background:#fff} #header .addpadding{padding-left:35px} #header .topleft {padding:55px 0 45px;color:#000;font-size:18px;line-height:28px;font-weight:300} #header span.title {font-size:29px;text-transform:uppercase;color:#1f1f1f;font-weight:400;display:block;margin-bottom:-10px} #header .title>.light {color:#8e8e8e} #header .cta, #header .request-btn {display:inline-block} #header .tel {background:url(images/structure/tel-icon.png)left no-repeat;padding:0 50px 0 40px;font-size:34px;color:#1f1f1f;font-weight:400} #header .tel:hover {color:#cc0001} #header .btn.btnc {background:#ffffff;border-radius:40px;color:#1f1f1f;padding:13px 55px;font-size:16px;border:1px solid #dfdfdf;margin-bottom:17px;font-weight:400} #header .btn.btnc>img {margin-right:-28px;padding-left:30px} #header .btn.btnc:hover {color:#cc0001} @media screen and (max-width:2169px){ #header .tel {padding:0 35px 0 40px} } @media screen and (max-width:2124px){ #header span.title {font-size:27px} #header .tel {font-size:31px} #header .btn.btnc {padding:13px 39px} #header .btn.btnc>img {margin-right:-28px} } @media screen and (max-width:1969px){ #header .btn.btnc {font-size:15px} #header .btn.btnc>img {padding-left:20px} } @media screen and (max-width:1899px){ #header .tel {font-size:29px;padding:0 25px 0 40px} #header .btn.btnc {padding:10px 35px} #header .btn.btnc>img {margin-right:-22px;padding-left:15px} #header span.title {font-size:25px} #header .cta {float:left;margin-top:16px} } @media screen and (max-width:1795px){ #header .tel {padding:0 10px 0 40px;font-size:27px} #header .btn.btnc>img {margin-right:-15px;padding-left:4px} } @media screen and (max-width:1699px){ #header .btn.btnc {padding:10px 24px;font-size:14px} #header span.title {font-size:23px} #header .tel {font-size:25px;padding:0 0 0 40px} } @media screen and (max-width:1523px){ #header .btn.btnc>img {display:none} #header .btn.btnc {padding:17px 24px} #header .cta {margin-top:12px} } @media screen and (max-width:1478px){ #header span.title {font-size:21px} #header .btn.bntc {padding:17px 18px} } @media screen and (max-width:1410px){ #header .cta {float:none;margin:12px 0} #header .topright {padding:30px 0 20px;} } @media screen and (max-width:1391px){ #header .addpadding {padding-right:10px} } @media screen and (max-width:1280px){ #header .addpadding {padding-right:0;padding-left:23px} #header .topleft {font-size:14px;line-height:24px;} } @media screen and (max-width:1200px){ #header .topright {padding:20px 0 0} #header .topleft {padding:40px 0 0} } @media screen and (max-width:768px){ #header .topright {padding:20px 0} #header .tel {padding:2px 0 3px 40px} } .am-sticky-toprow .am-sticky-right-info {font-size:16px} @media screen and (max-width:768px){ .am-sticky-mainrow {height:83px} } /* = Main Navigation -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #navigation {background:#1f1f1f; border-bottom:0; overflow: visible} /* Dropdown Style */ #mainmenu{margin:0; float:left;} #mainmenu>li>a{font-size:16px;line-height:16px;padding:37px 51px; color:#fff;text-transform: capitalize; font-weight:300; /* background:url(http://www.centerforfacialappearances.com/wp-content/themes/centerforfacialappearances/images/structure/nav_divider.jpg) center right no-repeat; */} #mainmenu>li.first>a, #mainmenu>li:first-child>a{padding-left:0} #mainmenu>li.last>a, #mainmenu>li:last-child>a{background:0; padding-right:0} #mainmenu>li:hover>a{color:#8e8e8e; text-decoration:none} /* #mainmenu>li:hover {background:url(http://www.centerforfacialappearances.com/wp-content/themes/centerforfacialappearances/images/structure/nav_underscore.png) center top}*/ /* #mainmenu>li.has-submenu {background:url(http://www.centerforfacialappearances.com/wp-content/themes/centerforfacialappearances/images/structure/nav_sub_menu_arrow.jpg) center 45px no-repeat;} */ /* Sub-Menu*/ #mainmenu > li ul{width:200px;} #mainmenu > li > ul.sub-menu{margin-top:0; margin-left: 45px;} #mainmenu li.first > ul.sub-menu{margin-left: 0;} #mainmenu li li a{color:#fff;font-size:14px;padding:8px 16px;margin:0;background:#1f1f1f;text-align:left} #mainmenu li ul a:hover{color:#fff;background:#8e8e8e} /* Accordion Style */ #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:30px; border-bottom:1px solid #fff;} #mainmenu_accordion ul li a:hover {text-decoration:none; } /* Mobile Submenu */ #mainmenu_accordion>li>ul>li a {background:0; color:#fff; padding:10px 0 10px 20px} #mainmenu_accordion>li>ul>li a:hover {color:#8e8e8e;} #mainmenu_accordion>li>ul>li li a { background:#1f1f1f; padding:10px 0 10px 40px;} #mainmenu_accordion>li>ul>li li a:hover {background:#8e8e8e;color:#fff} #mainmenu_accordion>li>ul>li li li a {background:#1f1f1f; padding:10px 0 10px 50px;} #mainmenu_accordion>li>ul>li li li a:hover {background:#8e8e8e;color:#fff} #mainmenu_accordion>li>ul>li li li li a {background:#1f1f1f; padding:10px 0 10px 60px;} #mainmenu_accordion>li>ul>li li li li a:hover {background:#8e8e8e;color:#fff} /* 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;} @media screen and (max-width:2510px){ #mainmenu>li>a {padding:37px 46px} #mainmenu > li > ul.sub-menu {margin-left:32px} } @media screen and (max-width:2376px){ #mainmenu>li>a {padding:37px 41px} #mainmenu > li > ul.sub-menu {margin-left:23px} } /*@media screen and (max-width:2241px){ #mainmenu>li>a {padding:32px 36px} } */ @media screen and (max-width:2106px){ #mainmenu>li>a {padding:37px 35px} #mainmenu > li > ul.sub-menu {margin-left:16px} } @media screen and (max-width:1971px){ #mainmenu>li>a {padding:37px 31px} } @media screen and (max-width:1846px){ #mainmenu>li>a {padding:37px 27px} } @media screen and (max-width:1701px){ #mainmenu>li>a {padding:37px 22px} } @media screen and (max-width:1458px){ #mainmenu>li>a {padding:37px 16px} } @media screen and (max-width:1295px){ #mainmenu>li>a {padding:37px 12px} } @media screen and (max-width: 1280px) { #mainmenu > li > ul.sub-menu{margin-left: 35px;} } @media screen and (max-width: 1198px) { #mainmenu > li > ul.sub-menu{margin-left: 19px;} #mainmenu>li>a {padding:37px 7px} } @media screen and (max-width:1103px){ #mainmenu>li>a {font-size:15px} } @media screen and (max-width:1041px){ #mainmenu>li>a {font-size:14.5px} } @media screen and (max-width:1002px){ #mainmenu>li>a {font-size:14.3px} } @media screen and (max-width:992px){ #navigation #mainnav_accordion {border-top:1px solid #404040;text-align:left} } #navigation #mainnav {margin-left:11%} #navigation .social, #navigation .loc {display:inline-block} #navigation .loc {border-left:1px solid #404040;border-right:1px solid #404040;padding:28px 37px} #navigation .loc address {margin:0} #navigation .loc a {color:#fff;text-transform:uppercase;font-weight:300;font-size:16px;background:url(images/structure/loc-icon.png) left no-repeat;padding:0 0 0 25px} #navigation .loc a:hover {color:#8e8e8e} #navigation .social {margin-left:30px} @media screen and (max-width:2241px){ #navigation #mainnav {margin-left:9%} } @media screen and (max-width:2123px){ #navigation .navright {margin-left:-30px} } @media screen and (max-width:1971px){ #navigation #mainnav {margin-left:7%} } @media screen and (max-width:1969px){ #navigation .loc {padding:31px 31px} } @media screen and (max-width:1899px){ #navigation .navright {margin-left:-45px} } @media screen and (max-width:1846px){ #navigation #mainnav {margin-left:6%} } @media screen and (max-width:1701px){ #navigation #mainnav {margin-left:4%} } @media screen and (max-width:1458px){ #navigation #mainnav {margin-left:1%} } @media screen and (max-width:1388px){ #navigation .social {margin-left:15px} } @media screen and (max-width:1310px){ #navigation .social {margin-left:6px} } @media screen and (max-width:1280px){ #navigation .loc {padding:28px 13px} } @media screen and (max-width:1200px){ #navigation .loc {padding:28px 12px} #navigation .loc a {font-size:14px;padding:0 0 0 20px} } @media screen and (max-width:1041px){ #navigation #mainnav {margin-left:0%} } .am-sticky-accordion ul li a {height: auto;line-height: 30px;padding:10px 0;} /* -- Content Menu Reset -- */ .contentmenu h2.topheader {text-transform:uppercase;color:#fff;margin-bottom:10px;border-bottom:0;padding:0;text-align: center;font-size: 20px!important;line-height:30px!important;} .contentmenu h2.topheader a {font-family: "Playfair Display", serif!important;font-size: 20px!important;line-height:30px!important;} /*.contentmenu h2.topheader.pat-res {margin-top:69px}*/ .contentmenu .special_line_bg {display: none;} #mainmenu {position: relative!important;} #mainmenu li.has-contentmenu {position: static!important;} #mainmenu li.has-contentmenu>ul {width:150%;max-width: 1360px;min-width: 940px;background:#202020} #mainmenu li.has-contentmenu .contentmenu {/*width:100%; max-width:1280px;*/ margin:0; padding:40px;display:block} #mainmenu > li.has-contentmenu > ul.sub-menu { margin-top: 0; margin-left: 0; } @media screen and (max-width:1399px){ #mainmenu li.has-contentmenu>ul {width:130%;} } @media screen and (max-width:1279px){ #mainmenu li.has-contentmenu>ul {width:140%;} } @media screen and (max-width:1199px){ #mainmenu li.has-contentmenu>ul {width:100%;} } #mainmenu .text {margin-top:-460px} #mainmenu .text.pat-res {margin-bottom:40px;margin-top:-480px} #mainmenu p {margin:0} #mainmenu li.has-contentmenu ul li#menu-item-1835 .contentmenu, #mainmenu li.has-contentmenu ul li#menu-item-1860 .contentmenu, #mainmenu li.has-contentmenu ul li#menu-item-1838 .contentmenu {border:3px solid #202020;} /* --- Content Menu Styling -- */ #mainmenu hr {border-top:3px solid #fff} #mainmenu .contentmenu a {color:#fff;background:0;text-transform:uppercase;padding:0;font-size:14px} #mainmenu .contentmenu a:hover {color: #f90001; background:0;padding:0} #mainmenu .loc, #mainmenu h3.title {font-size:20px;color:#b3b3b3;text-transform:uppercase;margin:0 0 20px;border-bottom:0;padding:0;} #mainmenu address {line-height:35px} #mainmenu .btn.btnc {background:#98011d; padding:18px 20px;margin-top:10px} #mainmenu .btn.btnc:hover {background:#ff002f;color:#fff;padding:18px 20px;} #mainmenu .btmborder {border-bottom:1px solid #aaa} #mainmenu .spec {color:#b3b3b3;} #mainmenu li.has-contentmenu .sub-menu .contentmenu ul {width: auto!important; list-style: outside none; padding:0;line-height:24px;} #mainmenu ul.spec {margin-top:20px} #mainmenu li.has-contentmenu .sub-menu .contentmenu ul li { padding: 5px 0; } .list li {background: url(images/structure/arrow.png) no-repeat left 7px; padding-left: 20px; padding-bottom: 5px;} .list {padding: 0;} #mainmenu .pat-res li {width:50%;float:left} #mainmenu .pat-res li a {font-size:13px} @media screen and (max-width:1640px){ #mainmenu li.has-contentmenu>ul {margin-left:-30px} } @media screen and (max-width:1280px){ #mainmenu li.has-contentmenu>ul {margin-left:-80px} } @media screen and (max-width:1200px){ #mainmenu li.has-contentmenu>ul {margin-left:-140px} } /* -- Content Menu Reset For Medium Size -- */ #mainmenu_md {position: relative!important;} #mainmenu_md li.has-contentmenu {position: static!important;} #mainmenu_md li.has-contentmenu>ul {margin: 60px 0 0 -79px; width: 1640px;} #mainmenu_md li.has-contentmenu .contentmenu {width:100%; max-width:1230px; margin:0 auto; padding:40px 0;display:block} /* --- content menu reset inline elements reset-- */ #mainmenu_md .contentmenu a {display:inline; color:#ea2c8c; background:0; text-transform:none; padding:0; font-size: 18px} #mainmenu_md .contentmenu a:hover {display:inline; color: #818181; background:0; text-transform:none; padding:0} /* --- Content Menu Styling -- */ #mainmenu_md li.has-contentmenu .sub-menu {box-shadow: -1px 3px 7px 0 rgba(0, 0, 0, 0.4); min-height: 700px;} #mainmenu_md li.has-contentmenu .sub-menu .contentmenu ul {width: auto!important; list-style: outside none; color: #ea2c8c; padding:0;} /* = Banner/Graphic - Carousel -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #graphic {background:0;} #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:#eeeeee} @media screen and (max-width: 768px) { .carousel-inner>.item>img {max-width:117%;} } #graphic .carousel-inner img {margin: 0;} /*Img was floating left causing issues with caption box*/ #graphic .wp-post-image {float:none;} /* -- CAPTION -- */ .carousel-caption {width:100%; top:8%; right:0; left:0; bottom:0; text-align:left; padding:0; max-width:1280px; display:block; margin:0 auto;} .carousel-caption > * {color:#000; text-shadow:none;} .carousel-caption .title {color:#000; font-size:58px; line-height:70px; margin:0 0 20px 0; text-transform:none;} .carousel-caption p {font-size:18px; line-height:28px; margin:0;} .carousel-caption .red {color:#cc0001} .carousel-caption .captionbox {background:url(images/structure/caption-box.png) left no-repeat;padding:104px} @media screen and (max-width:2200px){ .carousel-caption .title {font-size:55px; line-height:65px;} .carousel-caption .captionbox {background-size:45%;padding:91px} } @media screen and (max-width:1800px){ .carousel-caption .title {font-size:50px; line-height:60px;} .carousel-caption .captionbox {background-size:43%;padding:92px} } @media screen and (max-width:1500px){ .carousel-caption .title {font-size:45px; line-height:55px;} .carousel-caption .captionbox {background-size:36%;padding:69px 50px 69px} } @media screen and (max-width:1280px){ .carousel-caption .title {font-size:40px; line-height:50px;} .carousel-caption .captionbox {background:0;padding:43px 44px;margin-left:170px} } @media screen and (max-width:1244px){ .carousel-caption .captionbox {padding:43px 32px} } @media screen and (max-width:1200px){ .carousel-caption .title {font-size:35px; line-height:45px;} .carousel-caption .captionbox {;padding:43px 132px;margin:0} } @media screen and (max-width: 992px) { .carousel-caption {position:relative; text-align:center; padding:40px 20px;} .carousel-caption .title {font-size:30px; line-height:30px;} .carousel-caption .captionbox {padding:initial} .carousel-caption p {font-size:16px; line-height:24px;} } @media screen and (max-width: 768px) { .carousel-caption .title {font-size:28px; line-height:32px;} .carousel-caption p {font-size:14px; line-height:24px;} } /* -- INDICATORS -- */ .carousel-indicators li {border:1px solid #2d2d2d; background:#2d2d2d;width:12px;height:12px;margin:0 3px} .carousel-indicators li.active {border:1px solid #fff; background:#fff;margin:0 3px} 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); } } #newsletterCarousel {margin-bottom: 40px;} #newsletterCarousel ol.carousel-indicators {bottom: -20px;} #newsletterCarousel .carousel-indicators li {border: 1px solid #aeaeae;background: #aeaeae;} #newsletterCarousel .carousel-indicators li.active {border: 1px solid #2d2d2d;background: #2d2d2d;} /* = Main Section -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #main {background: #fff; padding:80px 0;} /* Hide the breadcrumbs on the homepage */ .home #main #breadcrumbs {display:none;} #main #breadcrumbs {color:#000;margin:0 0 10px} #main #breadcrumbs a {color:#e9104b} .home #main {font-size:20px;font-weight:300;margin-top:-100px} .home #main h1.topheader {font-size:60px;line-height:50px} .home #main h3.headerborder {margin:0 0 40px;font-size:34px;color:#cc0001;text-transform:none;border-bottom:6px solid #cc0001;border-right:6px solid #cc0001;padding-bottom:20px} .home #main .btn.btnc {padding:20px 70px} .home #main .small-logo img {position:relative;margin-bottom:20px} @media screen and (max-width:2200px){ .home #main h1.topheader {font-size:55px;line-height:45px} } @media screen and (max-width:1800px){ .home #main h1.topheader {font-size:50px;line-height:40px} } @media screen and (max-width:1500px){ .home #main h1.topheader {font-size:45px;line-height:35px} } @media screen and (max-width:1280px){ .home #main h1.topheader {font-size:40px;line-height:30px} .home #main h3.headerborder {font-size:32px} } @media screen and (max-width:1200px){ .home #main h1.topheader {font-size:35px;line-height:30px} .home #main h3.headerborder {font-size:30px} } @media screen and (max-width:992px){ .home #main h1.topheader {font-size:30px;line-height:30px;margin:0 0 40px} .home #main h3.headerborder {font-size:28px} .home #main {margin-top:-50px} } @media screen and (max-width:768px){ #main {padding:50px 0} .home #main {font-size:18px;margin-top:0} .home #main h1.topheader {font-size:26px;line-height:30px} .home #main h3.headerborder {font-size:26px;border:0} } .nosidebar #main .main_section {width:100%;} .main_aside .first {margin-top:0} .main_aside .first .htag {margin:0 0 60px} /* Adjust addthis tool box when after the H1 header */ h1.topheader + .addthis_toolbox {margin:-30px 0 60px} .addthis_toolbox {margin:-30px 0 60px} @media screen and (max-width:1199px){ aside {margin: 60px 0 0;} } /* Procedure Sidebar */ aside #procedure-sidebar h2.headerborder {font-size: 24px;line-height: 34px;padding: 0 0 10px;margin:0 0 30px} aside #procedure-sidebar h3 {font-size: 24px;margin: 0 0 30px;} aside #procedure-sidebar .tpf-latest-post h3 {margin: 0 0 10px;font-size: 20px;line-height: 30px;} aside #procedure-sidebar .tpf-latest-post h3 a {color:#000;} aside .tpf-latest-post .tpf-excerpt {font-size: 18px;line-height: 30px;display: block;} aside #gform_wrapper_2 ul.gform_fields li.gfield {padding: 0 15px 0 0;} aside #gform_wrapper_2 .gform_footer input.button, aside #gform_wrapper_2 .gform_footer input[type=submit], aside #gform_wrapper_2 .gform_page_footer input.button, aside #gform_wrapper_2 .gform_page_footer input[type=submit] { width: 100%; margin: 0; } aside .am-outer-testimonial-holder .am-divider-holder {padding: 0;margin-bottom: 0;} aside .am-testimonial-holder {border-left: 0;font-size: 18px;line-height: 30px;} aside .am-testimonial-holder span.author {display: block;} aside .am-outer-testimonial-holder a img {display: none;} /* To Make Embedded iFrame Videos Responsive */ .video-container {position: relative; padding-bottom: 56.25%; padding-top: 35px; margin-bottom: 40px; height: 0; overflow: hidden;} .video-container iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;} /* = Highlights -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #highlights { background: #1f1f1f; padding:90px 0; color:#FFF;font-size:18px} #highlights h2.topheader {color:#FFF;font-size:60px;line-height:50px;background:url(images/structure/highlight-head_bkg.png) bottom no-repeat;background-size:cover;padding-bottom:20px;margin:0 0 40px;border:0;} #highlights .smallertxt {color:#fff} #highlights .links h3 {text-transform:uppercase;color:#fff;font-weight:900;font-size:18px;margin:0 0 30px;letter-spacing:3px} #highlights .links a {color:#cecece;} #highlights .links a:hover {color:#fff} #highlights .links ul {padding:0;margin:0} #highlights .links li{padding:2px 0;list-style:none} #highlights .gallery {font-size:24px;font-weight:300} #highlights .gallery .txt {border:5px solid #fff;padding:30px 36px 30px 25px;} #highlights .gallery strong {color:#fff} #highlights .gallery .txt:hover {color:#cc0001;border:5px solid #cc0001} #highlights .gallery .txt:hover strong {color:#cecece} #highlights .gallery img {margin-top:15px} @media screen and (max-width:2200px){ #highlights h2.topheader {font-size:55px;line-height:45px} } @media screen and (max-width:1800px){ #highlights h2.topheader {font-size:50px;line-height:40px} } @media screen and (max-width:1500px){ #highlights h2.topheader {font-size:45px;line-height:35px} } @media screen and (max-width:1280px){ #highlights h2.topheader {font-size:40px;line-height:30px} #highlights .gallery .txt {padding:30px 30px 30px 25px} } @media screen and (max-width:1200px){ #highlights h2.topheader {font-size:35px;line-height:30px;background-size:contain} #highlights .gallery .txt {padding:30px 65px 30px 25px} } @media screen and (max-width:992px){ #highlights h2.topheader {font-size:30px;line-height:30px;background-size:cover} } @media screen and (max-width:768px){ #highlights .links a {font-size:16px} #highlights {padding:50px 0} #highlights h2.topheader {font-size:26px;line-height:30px;background:0} } .highlight { display:block;text-align:center;padding:20px;min-height:90px;background:#db1249;color:#FFF;font-size:25px;} .highlight { background: #ee5831; background: -moz-linear-gradient(left, #ee5831 0%, #db1249 100%); background: -webkit-linear-gradient(left, #ee5831 0%,#db1249 100%); background: linear-gradient(to right, #ee5831 0%,#db1249 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5831', endColorstr='#db1249',GradientType=1 ); } #highlights a {color:#cecece} /* = Doctor -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #hpdoc {background:#FFF; padding:90px 0;font-size:20px;line-height:35px} #hpdoc h2.topheader {font-size:60px;line-height:50px} #hpdoc .call-out {padding:40px;background:#f4f4f4;font-size:33px;line-height:45px} #hpdoc h3.headerborder {margin:0 0 40px;font-size:34px;color:#cc0001;text-transform:none;border-bottom:6px solid #cc0001;border-right:6px solid #cc0001;padding-bottom:20px} #hpdoc .topdoc {background:#f4f4f4;padding:60px 30px} #hpdoc .topdoc h3 {margin:0 0 30px;font-size:28px;line-height:30px} #hpdoc .topdoc p {margin:0;font-size:17px;line-height:26.5px} #hpdoc .btn.btnc {padding:20px 70px} @media screen and (max-width:2200px){ #hpdoc h2.topheader {font-size:55px;line-height:45px} } @media screen and (max-width:1800px){ #hpdoc h2.topheader {font-size:50px;line-height:40px} } @media screen and (max-width:1500px){ #hpdoc h2.topheader {font-size:45px;line-height:35px} } @media screen and (max-width:1280px){ #hpdoc h2.topheader {font-size:40px;line-height:30px} #hpdoc h3.headerborder {font-size:32px} #hpdoc .call-out {font-size:30px} } @media screen and (max-width:1200px){ #hpdoc h2.topheader {font-size:35px;line-height:30px} #hpdoc h3.headerborder {font-size:30px} #hpdoc .call-out {font-size:27px} } @media screen and (max-width:992px){ #hpdoc h2.topheader {font-size:30px;line-height:30px;margin:0 0 40px} #hpdoc h3.headerborder {font-size:28px} #hpdoc .call-out {font-size:24px;line-height:40px} } @media screen and (max-width:768px){ #hpdoc {padding:50px 0;font-size:18px;line-height:30px} #hpdoc h2.topheader {font-size:26px;line-height:30px} #hpdoc h3 {font-size:26px;} #hpdoc h3.headerborder {border:0} #hpdoc .call-out {font-size:21px;line-height:35px} } /* = Testimonials -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #testimonials {padding:90px 0;background:#1f1f1f;color:#fff;font-weight:300;line-height:38px;font-size:20px} #testimonials h2.topheader {color:#fff;font-size:60px;line-height:50px} #testimonials .smallertxt {color:#fff} #testimonials .sites {background:#262626;border-bottom:6px solid #fff;border-right:6px solid #fff;padding:20px} #testimonials .sites img {display:inline-block;padding:0 8px} #testimonials .carousel-inner>.item {background:0} #testimonials ol.carousel-indicators {margin-bottom:0;margin-left:8%;bottom:75px} #testimonials .author {display:block;margin-top:30px} #testimonials .view-all {color:#fff;display:block;margin-top:0;position:relative} #testimonials .view-all:hover {color:#8e8e8e} #testimonials .photo-gal {background:#fff;padding:70px 0 20px} .photo-gal .btn.btnc {background:#ffffff;border-radius:40px;color:#1f1f1f;padding:13px 55px;font-size:16px;border:1px solid #ededed;margin-bottom:17px;font-weight:400} .photo-gal .btn.btnc>img {margin-right:-28px;padding-left:30px} .photo-gal .btn.btnc:hover {color:#cc0001} @media screen and (max-width:2200px){ #testimonials h2.topheader {font-size:55px;line-height:45px} } @media screen and (max-width:1800px){ #testimonials h2.topheader {font-size:50px;line-height:40px} } @media screen and (max-width:1500px){ #testimonials h2.topheader {font-size:45px;line-height:35px} } @media screen and (max-width:1280px){ #testimonials h2.topheader {font-size:40px;line-height:30px} #testimonials {font-size:18px} } @media screen and (max-width:1200px){ #testimonials h2.topheader {font-size:35px;line-height:30px} #testimonials .photo-gal {padding:50px 40px 20px} } @media screen and (max-width:992px){ #testimonials h2.topheader {font-size:30px;line-height:30px;margin:0 0 40px} } @media screen and (max-width:768px){ #testimonials {padding:50px 0;font-size:18px;line-height:30px} #testimonials h2.topheader {font-size:26px;line-height:30px} #testimonials .view-all {margin:0} #testimonials ol.carousel-indicators {margin-left:-72%;bottom:0} #testimonials .sites {border:0} } @media screen and (max-width:400px){ #testimonials .btn.btnc>img {display:none} #testimonials .btn.btnc {padding:13px 45px} } /* = Blog -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #blog {padding:0 0 90px;font-size:20px;line-height:35px} .home #blog {padding:90px 0;} #blog h2.topheader {font-size:60px;line-height:50px} #blog .small_line {margin:100px 0 20px} #blog .tpf-latest-post-item {background:url(images/structure/post_bkg.png) center no-repeat;padding:0 200px 130px 25px} #blog h3.title {margin:50px 0 0;} #blog h3>a{color:#1f1f1f;font-weight:300;font-size:34px} #blog h3>a:hover {color:#cc0001} #blog ul.result_data {display:block} #blog ul.result_data li.author, #blog ul.result_data li.date strong {display:none} #blog ul.result_data li.date {color:#cc0001;font-size:16px} #blog .more {font-weight:400;color:#cc0001} #blog .more:hover {color:#f90001} #blog .btn.btnc {padding:20px 90px;margin-bottom:40px} @media screen and (max-width:2200px){ #blog h2.topheader {font-size:55px;line-height:45px} } @media screen and (max-width:1800px){ #blog h2.topheader {font-size:50px;line-height:40px} } @media screen and (max-width:1500px){ #blog h2.topheader {font-size:45px;line-height:35px} } @media screen and (max-width:1280px){ #blog h2.topheader {font-size:40px;line-height:30px} #blog h3>a {font-size:32px} } @media screen and (max-width:1200px){ #blog h2.topheader {font-size:35px;line-height:30px} #blog h3>a {font-size:30px} #blog .tpf-latest-post-item {background-position:120%} } @media screen and (max-width:992px){ #blog h2.topheader {font-size:30px;line-height:30px;margin:0 0 40px} #blog h3>a {font-size:28px} #blog h3.title {margin:20px 0 0} #blog .small_line {margin:50px 0} #blog .tpf-latest-post-item {background-position:100%;padding:0 25px 130px} } @media screen and (max-width:768px){ #blog {padding:50px 0;font-size:18px;line-height:30px} #blog h2.topheader {font-size:26px;line-height:30px} #blog h3>a {font-size:26px;line-height:30px} #blog .small_line {margin:30px 0} #blog .tpf-latest-post-item {background:0;padding:0 25px 40px} #blog .btn.btnc {margin-bottom:10px} } /* Testimonials */ .am-testimonial-holder {border:0;} .testimonials .addthis_toolbox {margin: 0 0 30px;} .testimonials h2 {font-size: 30px;line-height: 40px;text-transform: capitalize;} /* = Quick Contact -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #quickcontact {padding:90px 0;background:#1f1f1f;color:#fff;font-size:20px;line-height:35px;font-weight:300} #quickcontact h2.topheader {color:#FFF;font-size:60px;line-height:50px;background:url(images/structure/qc-head_bkg.png) bottom no-repeat;background-size:contain;padding-bottom:60px;margin-bottom:70px;border:0;} #quickcontact .smallertxt {color:#fff} /* Quick Contact Gravity Forms Overwrites*/ #quickcontact .form-control {background:#333333; height:auto; padding:27px 15px!important; box-shadow:none;color:#fff;font-size:16px} .ie #quickcontact .form-control {padding:17px 15px!important;} /*-- removes blue border glow on focus on inputs --*/ #quickcontact .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 --*/ #quickcontact .gform_wrapper .ginput_container input::-webkit-input-placeholder, #quickcontact .gform_wrapper .ginput_container textarea::-webkit-input-placeholder { color: #fff; } #quickcontact .gform_wrapper .ginput_container input:-moz-placeholder, #quickcontact .gform_wrapper .ginput_container textarea:-moz-placeholder { /* Firefox 18- */ color: #fff; } #quickcontact .gform_wrapper .ginput_container input::-moz-placeholder, #quickcontact .gform_wrapper .ginput_container textarea::-moz-placeholder { /* Firefox 19+ */ color: #fff; } #quickcontact .gform_wrapper .ginput_container input:-ms-input-placeholder, #quickcontact .gform_wrapper .ginput_container textarea:-ms-input-placeholder { color: #fff; } #quickcontact .gform_wrapper .gform_footer {text-align:left} #quickcontact .gform_wrapper ul li.gfield {margin-top:10px} #quickcontact .btn.btnc {padding:20px 70px} #quickcontact .orglocation {background:url(images/structure/location_bkg.png) bottom no-repeat;background-size:contain;overflow:hidden} #quickcontact h3.orgname {color:#fff;text-transform:uppercase;font-weight:900;font-size:18px;letter-spacing:3px;margin:0 0 40px} #quickcontact address {margin-bottom:40px;line-height:35px;margin-left:-25px} #quickcontact address>a{color:#fff} #quickcontact .tel {color:#fff} #quickcontact p {margin:0 0 60px -25px} @media screen and (max-width:2200px){ #quickcontact h2.topheader {font-size:55px;line-height:45px} } @media screen and (max-width:1800px){ #quickcontact h2.topheader {font-size:50px;line-height:40px} } @media screen and (max-width:1500px){ #quickcontact h2.topheader {font-size:45px;line-height:35px} } @media screen and (max-width:1280px){ #quickcontact {font-size:18px} #quickcontact h2.topheader {font-size:40px;line-height:30px} } @media screen and (max-width:1200px){ #quickcontact h2.topheader {font-size:35px;line-height:30px} } @media screen and (max-width:992px){ #quickcontact h2.topheader {font-size:30px;line-height:30px;background-size:cover;padding-bottom:40px;margin-bottom:45px} #quickcontact h3.orgname {margin:0 0 20px} #quickcontact address {margin-bottom:20px} #quickcontact p {margin-bottom:30px} #quickcontact .social {margin: 0 0 50px -25px} } @media screen and (max-width:768px){ #quickcontact {padding:50px 0;font-size:18px;line-height:30px} #quickcontact h2.topheader {font-size:26px;line-height:30px;background:0;padding:0} #quickcontact .orglocation {background:0} #quickcontact .social {margin: 0 0 0 -25px} } /* = Bottom Section|s -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #bottom1 {background:#171717; padding:60px 0; font-size:14px; line-height:26px; color:#fff;} #bottom1 a {color:#fff;} #bottom1 a:hover {color:#8e8e8e} #bottom1 h3 {margin:0 0 20px; padding:0; font-size:20px; text-transform:uppercase; color:#9f9d9d} #bottom1 ul {list-style:none outside; margin:0; padding:0;} #bottom1 .small-logo {margin-top:-35px} #bottom1 .small-logo img {position:relative;margin-bottom:40px} #bottom1 li>a{padding:25px 37px} #bottom1 li.first>a, #bottom1 li:first-child>a{padding-left:0} #bottom1 li.last>a, #bottom1 li:last-child>a{background:0; padding-right:0} @media screen and (max-width:1280px){ #bottom1 li>a {padding:25px 30px} } @media screen and (max-width:1200px){ #bottom1 li>a {padding:25px 17px} } @media screen and (max-width:922px){ #bottom1 .small-logo {margin:-10px} } @media screen and (max-width:768px){ #bottom1 li>a {padding:25px 13px} } #bottomlocations {background:#FFF; padding:90px 0; font-size:16px} #bottomlocations strong {color:#4c85c5; font-size:24px; font-weight:normal} #bottomlocations .mapimg {height:185px; margin:0} #bottomlocations img {display:block} #bottomlocations .flushcolumns {line-height:10px; margin:0 0 30px} #associations {padding:40px 0; background:#F3F3F3} /* = Footer Section -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #footer {background:#171717; padding:0 0 60px; color:#c7c7c7; font-size:12px;} #footer a {color:#cc0001} #footer a:hover {color:#f90001} #footer ul {margin-bottom:10px} #footer ul a {color:#c7c7c7} /* = Back to top -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ .backtotop.styled { opacity:0.8; background-color:#cc0001; border:1px solid #cc0001; border-radius: 5px;bottom: 20px;color: #fff; font-size: 20px;font-weight: bold;height: 55px;line-height: 55px;position: fixed; right: 20px;text-align: center;width: 55px; /* text-indent:-9999px;background: url('http://www.centerforfacialappearances.com/wp-content/themes/centerforfacialappearances/icon_top.png') no-repeat;*/ } .backtotop.styled:hover {opacity:1;} /* = Forms -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ /* 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 { background:#e5e7e8; width:100%!important;padding: 6px 12px!important;text-indent: 0!important; border-radius:0 !important; border-width:0 !important; } .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:10px!important;} .gform_wrapper .address_line_2 {display:block} /* Double column layout for short contact */ .gform2col .gform_wrapper .gfield { width:49.5% } .gform2col ul li {margin-bottom:0;} .gform2col .gform_wrapper .ginput_container input.form-control {height:50px;} .gform2col .gform_wrapper .textarea_wrapper { float:right; margin-top:-210px} .gform2col .gform_wrapper .textarea_wrapper textarea {max-height:200px} .gform2col .gform_button {/* display:block!important;*/max-width:300px; margin:0 auto; float:none} @media screen and (max-width: 640px) { .gform2col .gform_wrapper .textarea_wrapper {margin-top:-228px;} .gform2col .gform_wrapper .textarea_wrapper textarea {max-height:218px} .ie .gform2col .gform_wrapper .textarea_wrapper {margin-top:-210px;} .ie .gform2col .gform_wrapper .textarea_wrapper textarea {max-height:200px} } @media (max-width: 560px) { .gform2col .gform_wrapper .gfield { width:100%} .gform2col .gform_wrapper .textarea_wrapper { width:100%; margin-top:0;float:left } .ie .gform2col .gform_wrapper .textarea_wrapper { width:100%; margin-top:0;float:left } } /* = Blog Section -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ .blog.home #main article, .category #main article, .archive #main article { background:#FFF; border-radius:3px; border:1px solid #ccc; padding:30px } .topheader.resultheader {margin:0 0 20px; font-size:24px; line-height:34px;} a .topheader.resultheader {color:#cc0001;} a:hover .topheader.resultheader {color:#f90001;} .result_data { display:block; list-style: none outside; padding:10px 0 0 ; clear:both;} .result_data li { display: inline; padding:0 10px 0 0; color:#888} .wp-post-image {float:left; margin:0 25px 25px 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} #searchform input {width: 100%;margin: 0 0 10px;} .post-type-archive-publications .addthis_toolbox {display: none;} .post-type-archive-publications h2.topheader2.resultheader {font-size: 24px;line-height: 34px;text-decoration: underline;} .post-type-archive-publications a h2 {color:#1f1f1f;} .post-type-archive-publications a:hover h2 {color:#cc0001;} .post-type-archive-publications #main article {border: 0;padding: 20px 0;} .post-type-archive-publications #main article p {margin:0;} /* = Maps Google Map API & InfoWindow Styles -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ .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:70%; padding:10px} .directions_form strong {display:block} .directions_form .dbtn {float:right; width:20%; 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} @media screen and (max-width: 991px) { .directions_form .saddr{width:60%;} .directions_form .dbtn {width:30%;} } @media screen and (max-width: 767px) { .directions_form .saddr{width:100%;} .directions_form .dbtn {width:100%;} } .btn.dbtn, .btn.dbtn::before {background:#cc0001; color:#FFF; padding:15px 20px; text-decoration:none; border:0; border-radius:0; cursor:pointer; text-transform:uppercase;font-size:16px;font-weight:300} .btn.dbtn:hover {background:#f90001; color:#FFF; text-decoration:none} /* = Bootstrap overwrites -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ /* change the gutter widths to 25px. Essentially making them 50px in between columns */ .row { margin-left: -25px; margin-right: -25px; } .col-xs-25, .col-md-25, .col-lg-25, .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, .fwpadded { padding-left:25px; padding-right:25px} /* Change the width of the container for med screens*/ @media (min-width: 1280px) { .container { width: 1280px; } } /* = Framework overwrites -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ [class*="qcol-"] { -webkit-column-gap: 50px; /* Chrome, Safari, Opera */ -moz-column-gap: 50px; /* Firefox */ column-gap: 50px; } /* = Gallery -------------------------------------------------------------------------------------------------------------------- */ .single-mngallery #breadcrumbs, .tax-gprocedure #breadcrumbs, .post-type-archive-mngallery #breadcrumbs {display: none!important;} .post-type-archive-mngallery .mngallery-archive {width: 100%;} .post-type-archive-mngallery .main_aside {display:none;} #gallery_list .tpf-ac-trigger {color: #fff;} #gallery_list .btn.btnc {background: #000;padding: 20px;text-align: left;text-transform: none;font-size: 17px;} .single-mngallery #main .mngallery-single .prev, .single-mngallery #main .mngallery-single .next {font-weight: 400;} .single-mngallery #main .mngallery-single .next {right: -20px;font-size: 24px;} .single-mngallery #main .mngallery-single .prev {left: -20px;font-size: 24px;} .mngallery-single #imagesets .imageset p {display:none!important;} #gallery_photo {margin-bottom: -90px;} .mngallery-single .prev, .mngallery-single .next { background: #000!important; } .mngallery-single .prev:hover, .mngallery-single .next:hover {background: #333!important;} .mngallery-single #imagesetcontainer { background: #fff!important; } .mngallery-archive.tiled article { background: #fff!important; padding: 10px 5px 10px 8px!important; border: 1px solid #ccc; } .mngallery-archive.tiled .post_image { background: 0!important; width: 100%!important; } .mngallery-archive.tiled .post_header h2 { font-size: 18px!important; line-height: 18px!important; border: 0!important; padding: 0 0 0 1%!important; } .mngallery-single #imagesetcontainer { padding: 40px 0!important; } .mngallery-single #imagesetcontainer.simple #imagesets .imageset { margin: 0 18% 0!important; width: 70%!important; } .mngallery-single #imagesets .imageset p { margin: 10px 0 40px!important; }