/** * Theme Name: AM18 * Theme URI: https://advicemedia.com * Author: Advice Media * Author URI: https://advicemedia.com * Description: AM18: Diamond Level Programming and Design Themes Using thmpltfrmwrk * Template: thmpltfrmwrk * Version: 2.1 * Date: 4/16/18 */ /*hides gears from theme switcher */ #themeswitchwrap {display:none;} /* = Global color palleting -------------------------------------------------------------------------------------------------------------------- Global Styling For All Elements throughout the site */ /* -- PCOLOR 1 = Light -- */ .pcolor1 {background:#FFF; color:#1e1e1d;} .pcolor1 .htag {color:#000000; padding:0 25px; } .pcolor1 h6.htag{ margin:0; } .pcolor1 .htag a {color:#000000} .pcolor1 .htag a:hover {color:#68625b} .pcolor1 a {color:#30235f} .pcolor1 a:hover {color:#037460} .pcolor1 .btn.btnc {} .pcolor1 .btn.btnc:hover {} .pcolor1 .linetop::before{border-top:2px solid #30235f} .pcolor1 .linebottom::after{ border-color:#CDAD69; } .pcolor1 .longline_bottom{ border-color:#CDAD69; } .pcolor1 .callout {color:#01a88a;} .pcolor1 .title-panel{ background:#fff; } .pcolor1 .lessgap{ height:1px; } .pcolor1 .img-block{ position:relative; vertical-align:top; margin:0 0 1px 0; } .pcolor1 .img-block img{ width:100%; height:auto; } .pcolor1 .text{ width:100%; font-size:24px; color:#fff; line-height:26px; font-weight:500; text-transform:uppercase; position:absolute; left:0; bottom:45%; } .pcolor1 p{ padding:0 9%; } .pcolor1 .box{ width:100%; position:absolute; left:0; bottom:0; background:rgba(212,199,169,.96); padding:22px 25px; } .pcolor1 .line{ width:1px; height:28px; background:#7c766e; vertical-align:top; } @media screen and (max-width: 1199px) { .pcolor1 p{ padding:0; } .pcolor1 .box{ position:relative; } } /* -- PCOLOR 2 = Dark -- */ .pcolor2 {background:#DDC5C4; color:#fff} .pcolor2 .htag {color:#fff} .pcolor2 .htag a {color:#fff} .pcolor2 .htag a:hover {color:#745ccc} .pcolor2 a {color:#272727} .pcolor2 a:hover {color:#000000;} .pcolor2 .btn.btnc {} .pcolor2 .btn.btnc:hover {} .pcolor2 .linetop::before{border-top:2px solid #FFF} .pcolor2 .linebottom::after{ border-color:#CDAD69; } .pcolor2 .callout {color:#01a88a;} .pcolor2 .map-box{ position:relative; } .pcolor2 .map-box img{ width:100%; height:auto; } .pcolor2 .map-box img:hover {opacity:0.8;} .pcolor2 .contact-bg{ width:100%; position:absolute; left:0; bottom:0; background: rgba(221, 197, 196, 0.3607843137254902); padding:35px 0 35px 0; } .pcolor2 address{ font-size:16px; color:#272727; line-height:28px; font-weight:400; margin:0; border-right:1px solid #7c766e; } .pcolor2 .phone{ font-size:16px; color:#272727; line-height:28px; font-weight:400; } @media screen and (max-width: 1199px) { .pcolor2 .contact-bg{ position:relative; } } @media screen and (max-width: 991px) { .pcolor2 address{ border-right:none; } } /* -- PCOLOR 3 = Light V2 -- */ .pcolor3 {background:#eeeeee; color:#555} .pcolor3 .htag {color:#30235f} .pcolor3 .htag a {color:#555} .pcolor3 .htag a:hover {color:#01a88a} .pcolor3 a {color:#01a88a} .pcolor3 a:hover {color:#745ccc} .pcolor3 .btn.btnc {background:#01a88a; color:#fff;} .pcolor3 .btn.btnc:hover {background:#745ccc; color:#fff;} .pcolor3 .linetop::before{border-top:2px solid #30235f} .pcolor3 .linebottom::after{border-top:2px solid #30235f} .pcolor3 .callout {color:#30235f;} /* -- PCOLOR 4 = Extra -- */ /* = General Formatting -------------------------------------------------------------------------------------------------------------------- Global Styling For All Elements throughout the site */ html {background:#ffffff;} body { font-size:17px; color:#1e1e1d; line-height:32px; font-weight:300; } .boxin .pagewrapper{box-shadow: 1px 1px 42px #000; margin: 0 auto; max-width: 1488px; overflow: hidden;} .largewidth .container {width:85%; max-width: 1920px} .xlargewidth .container {width:95%; max-width: 2560px} .wrapper {float:left;width:100%;padding:60px 0} .top-padding{padding-top: 60px} .bottom-padding{padding-bottom: 60px} .mopadding {padding:120px 0;} .lesspadding {padding:15px 0;} #header, #footer, #graphic, #mobile_header, .nopadding, #am-sticky-toprow, #am-sticky-mainrow {padding:0;} h1, h2, h3, h4, h5, h6 {margin:80px 0 30px; padding:0; color:#444; font-weight:600; text-transform:capitalize} H1{font-size:46px;line-height:56px} H2{font-size:38px;line-height:38px} H3{font-size:28px;line-height:28px} H4{font-size:26px;line-height:36px} H5{font-size:24px;line-height:34px} H6{font-size:18px;line-height:28px} .topheader {margin:0 0 60px 0;} .home .topheader { font-size:30px; line-height:32px; font-weight:600; letter-spacing:1.6px; text-transform:uppercase; } @media screen and (max-width: 768px) { H1,H2,H3,H4,H5,H6{margin:40px 0 10px;} H1{font-size:30px;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 .topheader {font-size:22px; line-height:24px;} .home h2.headersmall {font-size:24px; line-height:28px;} } .row [class*="col-"] .htag:first-child {margin-top:0} ul, ol{ padding:0 0 0 40px; margin:0 0 40px; list-style:outside;} ul.indent, ol.indent { padding-left:30px} ol {list-style:decimal;} ul ul {list-style:circle;} ul ul ul {list-style:square;} /* 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:#01a88a} ul.pdf {list-style-image:url(images/icons/page_white_acrobat.png); margin-left:30px; padding-left:0;} ul.pdf li {padding-bottom:10px;} ul.link {list-style-image:url(images/icons/external-link.png); margin-left:30px; padding-left:0;} ul.link li {padding-botom:10px;} a {color:#CDAD69; text-decoration:none} a:hover {color:#7b766e; 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 #30235f;color:#30235f} hr.clear { border: 0 none;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.colored_hr{border-top: 1px solid #01a88a; margin: 0;} hr[class*="fa-"]::before { display: inline-block;font-family:FontAwesome;position:relative;padding:0 10px;top:-14px;background:#FFF;font-size:18px} /* Header Line before/after */ .linetop::before{border-top:2px solid #30235f; content:' ';display:block;margin:0 0 20px;max-width:75px;} .linebottom::after{ border-bottom:4px solid #CDAD69; content:' ';display:block;max-width:50px; margin:17px auto 0; } .linebottom[style*='center']::after {margin-left:auto; margin-right: auto;} .longline_bottom {border-color:#CDAD69; position:relative; z-index:0; margin:-40px 0 60px;} .shortline-bottom::after {border-top:2px solid #fff; content:' ';display:block;max-width:50px;margin: 20px auto 0 auto;} .outer-lines{position: relative;} .outer-lines::before, .outer-lines::after {content: ""; position: absolute; height: 5px; border-top: 1px solid #ccc; top: 50%; width: 15%;} .outer-lines::before{right: 61%;} .outer-lines::after{left: 61%;} @media screen and (max-width: 1800px) { .outer-lines::before{right: 70%;} .outer-lines::after{left: 70%;} } @media screen and (max-width: 992px) { .outer-lines::before, .outer-lines::after{display: none;} } @media screen and (max-width: 768px) { .longline_bottom {display:none} } p, .rowlikep {margin:0 0 40px} /* Block Quote styling */ blockquote {border-left:10px solid #CDAD69; background:#fff; padding:25px; margin:0 0 40px} blockquote cite {display:block; margin:20px 0 0; color:#449082; 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 {color:#449082;display:block;content:open-quote;position:absolute;font-size:160px;left:0;top:30px;} /* Buttons */ .btn.btnc { width:272px; max-width:100%; background:#000000; white-space: normal;} .btn.btnc, .btn.btnc::before { font-size:14px; color:#fff; line-height:16px; font-weight:500; padding:25px 15px; text-decoration:none; border:0; border-radius:6px; cursor:pointer; text-transform:uppercase; } .btn.btnc:hover {background:#211e1a; color:#fff; text-decoration:none} .btn.btnc.btn-block {margin-top:15px;} .btn.btn2 {background:#745ccc; color:#fff;} .btn.btn2, .btn.btn2::before {color:#fff; padding:15px 40px; text-decoration:none; border:0; border-radius:0; cursor:pointer; text-transform:capitalize; font-size:17px;} .btn.btn2:hover {background:#01a88a; color:#FFF;} /* Social */ .am-social-svg .svg-icon {fill:#fff;} /*icon color*/ .am-social-svg .svg-square, .am-social-svg .svg-cirlcle, .am-social-svg .svg-rounded-square {fill:#CDAD69;} /*default-inherit*/ .am-social-svg:hover .svg-icon{fill:#fff;} /*hover icon color*/ .am-social-svg:hover .svg-square, .am-social-svg:hover .svg-cirlcle, .am-social-svg:hover .svg-rounded-square {fill:#444;} /*hover other shapes*/ /* Text Sizer Styles */ .textsizer {display:inline-block;margin-left:20px;} .textsizer span {margin-right: 10px; font-weight:600;} .textsizer a {display: inline;padding:2px 3px;} .textsizer .small{font-size:18px;line-height:24px;} .textsizer .medium{font-size:20px;line-height:26px;} .textsizer .large{font-size:22px;line-height:28px;} /* Bootstrap Carousel Indicators */ .carousel-indicators {position:relative; bottom:0;} .carousel-indicators li {border:1px solid #30235f; background:#30235f} .carousel-indicators li.active {border:1px solid #01a88a; background:#01a88a} /* -- Formatting classes -- */ .row.flushcolumns > * { padding:0} .img-thumbnail {background-color:#f7f7f7; border:2px solid #333; border-radius:1px} /* Misc accents */ .left-border { border-left: 1px solid #d2d2d2;} /* Call Out Box */ .emphasisbox {background:#f7941e; padding:50px;} .emphasisbox .htag {color:#fff; margin-bottom:10px;} .emphasisbox blockquote .htag:first-child {margin-top:0} .emphasisbox.transparent{background: rgba(47, 47, 47, .8); padding: 50px;} @media screen and (max-width: 768px) { .emphasisbox {padding:25px;} } .emphasisbox-alt {background:#fff; color:#545452;} .emphasisbox-alt .htag {color:#0079c2; margin-bottom:10px;} /* 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 #30235f; border-top: 0.2em solid #30235f; } .tpf-ac-trigger.tpf-active::before {transform: rotate(135deg)} /* Tabs Styling */ .nav-tabs.tabsc {border-bottom:2px solid #01a88a} .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:#01a88a;} .nav-tabs.tabsc >.active >a, .nav-tabs.tabsc >li >a:focus, .nav-tabs.tabsc >li >a:hover {background:#01a88a; color:#FFF} .tab-content.tabsc { background:#EFEFEF; padding:20px} /* Table Styling */ .table.tablec tr th {background:#01a88a; color:#FFF} .table.tablec tr th:nth-of-type(even) {background:#30235f} .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} .tpf-caption.tpfstyle {background:#745ccc; color:#fff; border:none; padding:0;} .tpf-caption.tpfstyle .tpf-caption-title {padding:0 10px;} .tpf-caption.tpfstyle .tpf-caption-text {padding:0 10px;} .tpf-caption-img img {display:block; margin:0 auto;} .tpf-latest-post .wp-post-image {float:none; margin:0} .nomargin {margin:0} .list-inline .last{padding-right:0} .list-border li {border-right:1px solid #dadada;} .list-border li.last {border:none;} .widthbox {max-width:1024px; margin:0 auto} /* bstrap pull ins */ .d-inline {display:inline} .d-inline-block{ display:inline-block; } .d-block {display:block} /* Background color box to right or left */ .background-offset {position: relative;} .background-offset::before {background:#2d4863; content: " "; position: absolute; top: 0; bottom: 0; right: 0; left: 69%; display: block;} .background-offset-alt::before {background:#eef0f2;} .background-offset-left::before {left:0; right:75%;} @media screen and (max-width: 992px) { .background-offset::before {display:none;} } .nopwrap p {margin-bottom:0;} .esg-filters {margin-bottom:40px!important} .eg-youtubestream-content {background:#efedeb!important} a.eg-youtubestream-element-0 {color:#a99567!important} a.eg-youtubestream-element-33 {color:#161616!important} /* = Sticky Nav --------------------------------------------------------------------------------------------------------------- */ .am-sticky-toprow{background:#000000;color:#fff; font-size:18px} .am-sticky-mainrow .am-sticky-logo-img{ max-height:77px; } .am-sticky-toprow a {color:#fff;} .am-sticky-toprow a:hover {color:#CDAD69;} .am-sticky-toprow .gap{ padding:0 5px; } .am-sticky-mainrow {background:#fff; color:#161616; } .am-sticky-mainmenu > li > a { font-size:12px; color:#161616; } .am-sticky-mainmenu >li:hover>a{color:#CDAD69; text-decoration:none} .am-sticky-mainmenu >li.current_page_item>a {color:#CDAD69;} .am-sticky-mainmenu .sub-menu {border-bottom:4px solid #CDAD69; background:#000000;} .am-sticky-mainmenu li li a{color:#fff; background:#000000; font-size:14px;} .am-sticky-mainmenu li ul a:hover{color:#fff; background:#CDAD69;} .am-sticky-mainmenu li.li-has-content-menu ul a:hover{color:#01a88a;background:0;} @media screen and (max-width: 1279px) { .am-sticky-mainmenu > li > a{ padding:0 6px; } } @media screen and (max-width: 1199px) { .am-sticky-mainmenu > li > a{ font-size:12px; padding:0 5px; } } /* Sticky condensed menu */ .am-sticky-side-panel {background:#fff;} .am-sticky-side-panel .sticky-side-panel-logo{ padding:15px 0; text-align:center; } .am-sticky-side-panel hr {margin:0; border-color:#dedede; } .am-sticky-side-panel .sticky-side-panel-lefteditable {padding:20px; letter-spacing:5px;} .am-sticky-iconsnav a {color:#000000;} .am-sticky-iconsnav a:hover {color:#CDAD69;} .am-sticky-accordion > li > a {color:#000000; height:50px; line-height:50px; border-bottom:1px solid #dedede; padding-left:15px; } .am-sticky-accordion > li > a:hover {color:#fff; background:#000000;} .am-sticky-accordion > li li a {background:none; color:#000000; padding-left:25px;} .am-sticky-accordion > li li a:hover {background:#000000; color:#fff;} .am-sticky-accordion > li > ul{ margin:0; } .am-sticky-accordion > li > a {font-size:15px;} .am-sticky-accordion > li > ul > li a {font-size:14px; height:auto; padding-top:10px; padding-bottom:10px; border:none; margin-left:10px; line-height:18px;} #logo_sticky {margin:20px 0 0;} #logo_sticky h1, #logo_sticky h1 a{font-size:16px; font-weight:bold; margin:30px 0 5px 0; line-height:18px} #logo_sticky h2, #logo_sticky h2 a{display:none;} /* = Sticky Topbar ------------------------------------------------------------------------------------------------------------- */ #am-sticky-header address { padding:3px 0 0 0; margin:0; } #am-sticky-header .adr{ font-size:13px; color:#fff; line-height:22px; font-weight:300; letter-spacing:1.6px; text-transform:uppercase; } #am-sticky-header .adr:hover{ color:#CDAD69; } /* = Highlight Effects -------------------------------------------------------------------------------------------------------- */ #highlights .text {bottom:15%!important;} /* shift elements */ .shift-up {margin-top:-10%} .shift-bottom {margin-bottom:-10%} /* ELEMENTS */ .ih-item.circle .tpf-fig-caption-img-wrap::before {box-shadow: 0 0 0 16px rgba(138, 172, 163, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.3)} figure {float:none!important; } figure + ul {clear:both; margin-top:20px} figure[class*='effect-'] {background:#30235f;} figure[class*='effect-'] figcaption {color:#fff;} figure[class*='effect-'] .tpf-fig-caption-title{color: #fff;} figure[class*='effect-'] .tpf-fig-caption-verb a {color:#fff;} figure[class*='effect-'] .tpf-fig-caption-verb a:hover {color:#01a88a;} @media screen and (max-width: 992px) { figure[class*='effect-'] figcaption {font-size:16px; padding:10px;} } /* = Topbar ------------------------------------------------------------------------------------------------------------- */ #header_topbar { color:#fff; padding:13px 0; font-size:13px; } #header_topbar address{ padding:0; margin:0; } #header_topbar .adr{ font-size:13px; color:#fff; line-height:22px; font-weight:300; letter-spacing:1.6px; text-transform:uppercase; } #header_topbar .adr i{ font-size:20px; color:#CDAD69; padding:0 7px 0 0; } #header_topbar .adr:hover{ color:#CDAD69; } /* = Header ------------------------------------------------------------------------------------------------------------- */ #header { padding:00px 0 0; } #header #logo {margin:0} #header #logo img {max-width:100%} #header #logo h1, #header #logo h1 a{font-size:30px;font-weight:bold;margin:5px 0; line-height:30px} #header #logo h2, #header #logo h2 a{font-size:14px;line-height:14px; margin:0;} #header .topright{ font-size:28px; color:#CDAD69; line-height:30px; font-weight:600; padding:28px 0 20px; margin:0; } #header .topright .gap{ padding:0 2px; } #header .call {text-transform:uppercase; font-size:22px;} #header .tel { font-size:28px; color:#CDAD69; line-height:30px; font-weight:600; } #header .tel:hover{ color:#7c766e; } #header .adr {color:#01a88a; font-size:16px; line-height:18px;} #header .adr:hover {color:#01a88a; font-size:16px; line-height:18px;} #header address {margin:0;} #header hr {margin:20px 0;} @media screen and (max-width: 1200px) { #header .topright{padding:28px 0 20px} } /* = Mobile Header ------------------------------------------------------------------------------------------------------------- */ #mobile_header {padding:10px 0;} #mobile_header .mobile_holder {position:relative;} #mobile_header .mobile_holder h1{margin:0; font-size:25px; line-height:35px;} #mobile_header #mobile_logo {position:absolute; font-weight:700; margin-top:0px;} #mobile_header #mobile_logo img {width:100%; max-width:70px;} #mobile_header h2.thmplt_logo {display:none;} #mobile_header hr {margin:10px 0;} @media screen and (max-width: 400px) { #mobile_header .mobile_holder h1{font-size:18px; line-height:25px;} } /* = Main Navigation ------------------------------------------------------------------------------------------------------------- */ /* Navigation Bar */ #navigation {background:#30235f; overflow: visible; padding:0px} /* Dropdown Style */ #mainmenu{margin:0; float:left; padding:0;} #header #mainmenu{float:right;} #mainmenu>li>a{ font-size:16px; color:#161616; line-height:18px; font-weight:400; padding:0 15px 37px; /*background:url(images/structure/nav_divider.jpg) center right no-repeat;*/} #mainmenu>li:hover>a{color:#CDAD69; text-decoration:none} #mainmenu>li.current_page_item>a {color:#CDAD69;} /* Navigation with alternative colors */ nav.nav_alt #mainmenu>li>a{color:#30235f;} nav.nav_alt #mainmenu>li>a:hover{color:#8adbcc;} nav.nav_alt #mainmenu>li.current_page_item>a {color:#8adbcc} /* Sub menu */ #mainmenu .sub-menu {background:#000000; border-bottom:4px solid #CDAD69; width:200px; margin-top:0;} #mainmenu .sub-menu>li>a{color:#fff; font-size:13px; text-align:left; padding:8px 16px; margin:0; line-height:18px;} #mainmenu .sub-menu>li>a:hover{color:#fff; background:#CDAD69;} #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.has-submenu {background:url(images/structure/nav_sub_menu_arrow.jpg) center 45px no-repeat;}*/ /* #mainmenu>li:hover {background:url(images/structure/nav_underscore.png) center top}*/ /* Accordion Style */ #mainmenu_accordion, #mainmenu_accordion ul {list-style:none outside; margin:0; padding:0; overflow:hidden;} #mainnav_accordion {text-align:right;} #mainnav_accordion .sub-menu {text-align:left;} #mainmenu_accordion>li>a {color:#000000; background:0; font-size:18px; line-height:60px; margin:0; cursor:pointer; height:60px; display:block; padding:0; border:0;} #mainmenu_accordion>li>ul {padding: 0; margin:0 0 40px; /*border-top:1px solid #54583A;*/} #mainmenu_accordion ul li a{border-bottom:1px solid #dedede; display:block; text-decoration:none; font-weight:normal; /*height:40px; line-height:40px;*/ height:auto; line-height:16px; padding-top:10px!important; padding-bottom:10px!important;} #mainmenu_accordion ul li a:hover {text-decoration:none;} /* Mobile Submenu */ #mainmenu_accordion>li>ul>li a { color:#161616; background:0; padding-left:20px; text-align:left;} #mainmenu_accordion>li>ul>li a:hover {color:#fff; background:#000000;} #mainmenu_accordion>li>ul>li li a { background:#fff; padding:0 0 0 40px;} #mainmenu_accordion>li>ul>li li li a {background:#fff; padding:0 0 0 50px;} #mainmenu_accordion>li>ul>li li li li a {background:#fff; 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;} #mainmenu_accordion .li-has-content-menu .sub-menu {display:block} #mainmenu_accordion .li-has-content-menu .sub-menu li ul {display:block!important} @media screen and (max-width: 1830px) { #mainmenu > li > a{ font-size:16px; padding:0 13px 37px; } } @media screen and (max-width: 1700px) { #mainmenu > li > a{ font-size:16px; padding:0 10px 37px; } } @media screen and (max-width: 1550px) { #mainmenu>li>a{ font-size:16px; padding:0 7px 37px; } } @media screen and (max-width: 1400px) { #mainmenu>li>a{ font-size:15px; padding:0 6px 37px; } } @media screen and (max-width: 1199px) { #header #mainmenu{ float:none; padding:30px 0 0 0; } #mainmenu>li{ display:inline-block; float:none; vertical-align:top; } #mainmenu>li>a{ font-size:14px; padding:0 5px 23px; } } /* = Main Section ------------------------------------------------------------------------------------------------------------- */ #main {background:#fff;} #main .container {max-width:1280px} #main .htag{ color:#302C27; } .home #main p{ padding:0 9%; } @media screen and (max-width: 1199px) { .home #main p{ padding:0; } } /* Hide the breadcrumbs on the homepage */ .home #main #breadcrumbs {display:none;} #main #breadcrumbs {color:#000} #main #breadcrumbs a {color:#01a88a} .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:-45px 0 60px}*/ /* = Sidebar Section --------------------------------------------------------------------------------------------------------- */ /* Sidebar Quick Contact Form Box*/ .qcwrap {background:#30235f; padding:20px; color:#FFF} .qcwrap .form-control {background:#FFF} .qcwrap .htag {color:#FFF; font-size:30px; text-align: center; margin:0 0 20px} .qcwrap textarea.large{height:150px!important} /* = Banner/Graphic - Carousel ------------------------------------------------------------------------------------------------------------- */ /* Graphic title styles */ #graphic .caption-title { font-size:55px; color:#fff; line-height:57px; font-weight:500; letter-spacing:1.6px; padding:0 0 50px 0; margin:0; text-transform:uppercase; display:block;} #graphic .caption-title-alt { font-size:42px; color:#fff; line-height:44px; font-weight:300; letter-spacing:1.6px; text-transform:uppercase; padding:0; margin:0; } @media screen and (max-width: 1280px) { #graphic .caption-title {font-size:40px; line-height:45px; } #graphic .caption-title-alt {font-size:18px; line-height:18px;} } @media screen and (max-width: 992px) { #graphic .caption-title{ padding:0; } } @media screen and (max-width: 768px) { #graphic .caption-title {font-size:20px; line-height:25px; } #graphic .caption-title-alt {font-size:14px; line-height:16px; } } .caption-box-dark .caption-wrapper .caption-box {background:rgba(0, 0, 0, 0.3)} .caption-wrapper .caption-box hr {margin:20px 0;} .caption-wrapper .caption-box p {color:#000} /*.carousel-inner {background:#000}*/ @media screen and (max-width: 992px) { #graphic .caption-box p {margin-bottom:20px;} /* Caption Break Styles */ #graphic .caption-stack-sm .caption-wrapper{ background:#000000; padding:0 0 30px 0; } #graphic .caption-break .caption-wrapper {background:#eee;} /* Caption break background color */ #graphic .caption-break .caption-wrapper .caption-title {color:#30235f;} #graphic .item_fullwidth .carousel-caption .caption-box {max-width:100%; background:0;} #graphic .item_fullwidth .carousel-caption {margin:0 auto; position:relative;} #graphic .carousel-inner > .item > .constrained {height:500px;} /* Setting: constrains image to height */ } @media screen and (max-width: 768px) { #graphic .carousel-inner > .item > .constrained {height:300px;} /* Setting: constrains image to height */ #graphic .carousel-inner>.item>img {max-width:135%;} } /* -- Graphic Indicators / Arrows -- */ #graphic ol.carousel-indicators {position:absolute; bottom:35px; margin-bottom:0; line-height:0; } #graphic .carousel-indicators li { width:9px; height:9px; border-radius:50%; border:none; background:#7c766e; margin:0 1px; } #graphic .carousel-indicators li.active { width:9px; height:9px; border-radius:50%; border:none; background:#CDAD69; margin:0 1px; } @media screen and (max-width: 992px) { #graphic ol.carousel-indicators{ bottom:20px; } } @media screen and (max-width: 480px) { #graphic ol.carousel-indicators{ display:none;} .caption-wrapper .caption-box {display: none;} } /* -- Global Indicators / Arrows -- */ .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {left:10%;} .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right:10%;} @media screen and (max-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {left:30%;} .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right:30%;} } @media screen and (max-width: 1490px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {top:33%!important;} } @media screen and (max-width: 991px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {top:20%!important;} } @media screen and (max-width: 480px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {display:none;} } /* -- ADD TO THMPLT -- */ /* hides background image on sm screen sizes */ @media screen and (max-width: 992px) { .background-hide-sm {background-image:none!important;} } /* hides background image on xs screen sizes */ @media screen and (max-width: 768px) { .background-hide-xs {background-image:none!important;} } .caption-fullwidth .container {width:100%; max-width:1650px;} @media screen and (min-width: 1200px) { .caption-topmid .caption-wrapper {top:22%;} } @media screen and (max-width: 992px) { .caption-break .caption-wrapper {position:relative;} .caption-break .caption-wrapper .caption-box-wrapper {position:relative;} .caption-break .caption-wrapper .caption-box-wrapper .caption-box {float:none; width:100%;} .caption-middle .caption-wrapper {top:0;} .caption-right .caption-wrapper .caption-box, .caption-left .caption-wrapper .caption-box {width:100%;} } /* -- ADD TO THMPLT -- */ /* = tpf latest shortcode global styles ----------------------------------------------------------------------------------------------------------- */ .tpf-latest-post .title {font-size:22px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #9891af} /* = Doctors ----------------------------------------------------------------------------------------------------------- */ #doctors span.physician_name {font-weight:bold;} /* = Testimonials ----------------------------------------------------------------------------------------------------------- */ .testimonials .tpf-excerpt {font-style: italic} #testimonials .carousel-control {display:none;} #testimonials .fa-quote-left {font-size:40px;} /* = Blog / Latest News ----------------------------------------------------------------------------------------------------- */ .latest-news .post_image {float:left;margin:5px 25px 0 0} /* = Bottom Section ------------------------------------------------------------------------------------------------------------- */ #bottom ul {margin-bottom:0} #bottom .tel {display:block; margin-top:10px;} #bottom .mapcanvas {height:200px; color:#000;} /* = Quick Contact ------------------------------------------------------------------------------------------------------------- */ #bottom_contact .gfield.disclaimer span {font-size:15px;} /* = Quick Links ------------------------------------------------------------------------------------------------------------- */ #bottom_links address {line-height:28px;} #bottom_links h3 {font-size:24px; margin:0 0 20px; text-transform:uppercase;} #bottom_links ul {list-style:none outside; margin:0; padding:0;} /* = Footer ------------------------------------------------------------------------------------------------------------- */ #footer { background:#000000; color:#fff; padding:45px 0 75px 0; } #footer a { color:#fff; } #footer a:hover { color:#CDAD69; } #footer ul.thmplt_wp_nav { margin-bottom:10px; } #footer #footermenu{ padding:0; margin:0; } #footer #footermenu li{ font-size:14px; line-height:16px; font-weight:400; padding:0 15px 5px; } #footer #footermenu li:first-child{ padding-left:0; } #footer #footermenu li:last-child{ padding-right:0; } #footer hr{ border-color:#CDAD69; } #footer p{ font-size:13px; line-height:15px; font-weight:400; padding:0 0 15px 0; margin:0; } #footer #bottom{ padding:0; margin:0; } #footer #bottom li{ font-size:13px; line-height:15px; font-weight:400; padding:0 3px; } #footer #bottom li:first-child{ padding-left:0; } #footer #bottom li:last-child{ padding-right:0; } @media screen and (max-width: 991px) { #footer{ padding:45px 0 40px 0; } #footer #footermenu li{ padding:0 5px 5px; } } #contact-info a:hover {color:#655845;} /* = 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:#DDC5C4; border:1px solid #DDC5C4; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; /* text-indent:-9999px;background: url('icon_top.png') no-repeat;*/ } /* = Gravity Forms ------------------------------------------------------------------------------------------------------------- */ /* input styles */ .form-control { width:100% !important; background:#fff; font-size:14px !important; color:#000000; font-weight:400; border:none; border-radius:0; height:53px; padding:10px 15px!important; margin:0 !important; line-height:1.42857143!important;} /* Gravity Forms placeholder color */ .gform_wrapper input::-webkit-input-placeholder, .gform_wrapper textarea::-webkit-input-placeholder {color: #000000;} .gform_wrapper input:-moz-placeholder, .gform_wrapper textarea:-moz-placeholder {color: #000000;} .gform_wrapper input::-moz-placeholder, .gform_wrapper textarea::-moz-placeholder {color: #000000;} .gform_wrapper input:-ms-input-placeholder, .gform_wrapper textarea:-ms-input-placeholder {color: #000000;} select.form-control {color:#000000;} #gform_wrapper_2.gform_wrapper.quickcontact_wrapper{ padding:56px 25px 70px; margin:0; /* background:rgba(212,199,169,.9); */} #gform_wrapper_2.gform_wrapper.quickcontact_wrapper .quickcontact{ width:1020px; max-width:100%; margin:0 auto; } #gform_wrapper_2.gform_wrapper .top_label .gfield_label{ display:none !important; } body #gform_wrapper_2.gform_wrapper .top_label div.ginput_container{ margin:0 !important; } #gform_wrapper_2.gform_wrapper .gfield{ padding:0 3px; margin:8px 0 0 0; } .gform_wrapper .gform_footer {text-align:center; padding:25px 0 0 0 !important; margin:0 !important; } .gform_wrapper .gform_footer input[type="submit"]{ width:272px !important; max-width:100% !important; font-size:14px !important; line-height:16px !important; margin:0 33% 0 0 !important; } @media screen and (max-width:991px) { .gform_wrapper .gform_footer input[type="submit"]{margin:0 !important; } } @media screen and (min-width: 768px) { /* Double column layout for short contact */ .gform2col .gform_wrapper .gfield {width:49.5%} #gform_wrapper_2.gform_wrapper .gfield{ width:42.5%; } #gform_wrapper_2.gform_wrapper .textarea_wrapper{ width:57.5%; margin-top:-175px; } .gform2col .gform_wrapper .textarea_wrapper {float:right; margin-top:-175px} .gform2col .gform_wrapper .textarea_wrapper textarea {height:175px;} .gform2col .ginput_container_textarea {margin-top:0!important;} .gform2col .gfield.disclaimer {width:100%;} .gform2col .gform_wrapper .top_label .gfield_error {width:47.5%;} } /*-- Subscribe Form ID 3 --*/ @media screen and (min-width: 500px) { #gform_3 .gform_footer {padding:0!important; text-align:right; margin-top:-45px; width:124px; float:right;} } #gform_3 .gform_footer .btn {padding:10px 20px; line-height:1.5} /* = Blog Section ------------------------------------------------------------------------------------------------------------- */ .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 10px; font-size:18px;} .result_data { display:block; list-style: none outside; padding:0 ; clear:both;} .title + .result_data {margin:-36px 0 20px} .result_data li { display: inline; padding:0 10px 0 0;} .result_data .author, .result_data .comments-link { display:none} .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} /* = Testimonials Archive/Single ------------------------------------------------------------------------------------------------------------- */ .archive.post-type-archive-amtestimonials #main article {border:0} .archive.post-type-archive-amtestimonials #main article .fa{font-size:40px; color:#01a88a} /* = Maps Google Map API & InfoWindow Styles */ .mapcanvas {float:left; width:99%; height:500px; margin: 0 0 20px; border:0 double #ccc} .home .mapcanvas {margin:0;} .tpf-fwbleed .mapcanvas {width:100%; margin:0} .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;} @media screen and (max-width: 992px) { .directions_form .dbtn {display: block; float: none; clear: both; margin-top: 10px; width:auto;} .directions_form .saddr{float:none; clear:both; width:100%;} } /* -- 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} /* = Lazy Loading -------------------------------------------------------------------------------------------------------- */ .amlazy-up, .amlazy-down, .amlazy-left, .amlazy-right, .amlazy-children-up *, .amlazy-children-down *, .amlazy-children-left *, .amlazy-children-right *{ transition: -webkit-transform 1200ms ease-in-out, opacity 800ms ease-in-out; transition: transform 1200ms ease-in-out, opacity 800ms ease-in-out; visibility: hidden; opacity: 0; } /** LOAD UP **/ .amlazy-up, .amlazy-children-up *{ -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } /** LOAD DOWM **/ .amlazy-down, .amlazy-children-down *{ -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } /** LOAD LEFT **/ .amlazy-left, .amlazy-children-left *{ -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } /** LOAD RIGHT **/ .amlazy-right, .amlazy-children-right *{ -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } /* WHEN VISIBLE */ /* load up */ .isvisible.amlazy-up, .isvisible .amlazy-up, .isvisible.amlazy-children-up *, .isvisible .amlazy-children-up *, /* load down */ .isvisible.amlazy-down, .isvisible .amlazy-down, .isvisible.amlazy-children-down *, .isvisible .amlazy-children-down *, /* load left */ .isvisible.amlazy-left, .isvisible .amlazy-left, .isvisible.amlazy-children-left *, .isvisible .amlazy-children-left *, /* load right */ .isvisible.amlazy-right, .isvisible .amlazy-right, .isvisible.amlazy-children-right *, .isvisible .amlazy-children-right *{ visibility: visible; opacity: 1; -webkit-transform: translateY(0px) translateX(0)!important; -ms-transform: translateY(0px) translateX(0)!important; transform: translateY(0px) translateX(0)!important; } /* = Bootstrap overwrites ------------------------------------------------------------------------------------------------------------- */ /* 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 ------------------------------------------------------------------------------------------------------------- */ [class*="qcol-"] { -webkit-column-gap: 50px; /* Chrome, Safari, Opera */ -moz-column-gap: 50px; /* Firefox */ column-gap: 50px; } /* MOBILE MAIN MENU OVERWRITES & FIXES */ @media screen and (min-width: 993px) { .accordion-only {display:none;} } /* Shift 'Contact Us' Drop Down to the left */ /*.reverse_dd {}*/           .tpf-dropdown>.reverse_dd > ul, .tpf-dropdown>.reversedd > ul,  .tpf-dropdown.reversedd>li> ul  {left:auto; right:0}         .tpf-dropdown>.reverse_dd > ul > li  ul, .tpf-dropdown>.reversedd > ul > li  ul,.tpf-dropdown.reversedd>li > ul > li  ul     {left:auto; right:100%} /* = 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%; margin-bottom:20px;} .directions_form>div {display:block;padding:10px; overflow:hidden} .directions_form .saddr{float:left; width:75%; padding:10px} .directions_form strong {display:block} /* 'Get Directions' Button */ .directions_form .dbtn { float:right; width:23%; background:#CDAD69; color:#FFF; padding:15px 0px; text-decoration:none; border:0; border-radius:0; cursor:pointer; text-transform:uppercase; font-size:15px; } .directions_form .dbtn:hover { background:#7b766e; color:#FFF; text-decoration:none; } /* -- map_info styles/ Bubble -- */ .map_info {overflow:hidden; line-height:18px; float:left; margin-left:15%!important; 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 {display:block;padding-bottom:10px;} .map_info .org {color:#e9297b;} .map_info .tel strong {color:#e9297b;} @media (max-width: 661px) { .map_info {float:none!important; width:100%; margin-left:25%!important;} } /* = TARGETED PAGES AND STYLES -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */          /* INSIDE PAGES */ .row .topics {margin-bottom:80px!important;} .topics.last {margin-bottom:0!important; padding-bottom:0!important;} .topics h2 {font-size:32px; margin-top:0; padding-bottom:10px; margin-bottom:0; text-transform:uppercase;} .topics h3 {margin:20px 0; text-transform:uppercase; font-size:24px;} .topics h4 {margin:20px 0; text-transform:none; color:#108098;} .topics h5 {margin:15px 0; padding:0; text-transform:none;} .topics h6 {margin:0 0 30px 0; text-transform:none;} .topics.facility h4 {margin:0 0 10px 0; color:#000;} .topics.facility.last+p {display:none;} .topics.videos h6 {margin:0 0 5px 0; color:#000;} .topics hr.left { border-top: 4px solid #000000; margin: 0 0 15px 0; max-width: 75px; } .topics hr.btn-spacer {border: 0 none;height: 40px;margin: 0} .topics ul.arrow ul {padding-top:10px; list-style:square;} .topics img.alignleft, .topics img-alignright {margin-bottom:0!important;} .topics.gallery hr.spacer {height:10px;} .topics.gallery {margin-bottom:0;} .topics blockquote {margin-top:40px; font-weight:normal; font-size: 16px; border-color:#EBE6E6!important;} .row .topics .alignright {margin-bottom:0.6em!important; border: 2px solid #ccc;} .row .topics .alignleft {margin-bottom:0.6em!important; border:2px solid #ccc;} .row .topics .aligncenter {margin-bottom:0.6em!important; border:2px solid #ccc;} .row .topics .alignnone {margin-bottom:0.6em!important; border:2px solid #ccc;} .row .topics img.noborder {border:none!important;} .topics.staff span {font-weight:bold; padding:0; margin:0;} .topics.staff span+p {margin-top:20px;} .topics.staff img.aligncenter {margin-bottom:5px; padding-bottom:0;} @media screen and (max-width: 992px) { .topics hr.btn-spacer {display:none;} .topics hr.left {margin-bottom:20px;} } @media screen and (max-width: 768px) { .topics {margin-bottom:30px;} .topics h2 {font-size:22px;} } .topics.landing-page {border-bottom:1px solid #EBE6E6;} .topics.landing-page H2 {margin-bottom:60px;} .topics.landing-page.last {border:none;} @media screen and (max-width: 992px) { .topics.landing-page h2 {font-size:30px;} .topics.landing-page {border-bottom:none;} .topics.landing-page hr.btn-spacer {display:none;} .topics.landing-page hr.left {margin-bottom:20px;} } @media screen and (max-width: 768px) { .topics.landing-page h2 {font-size:22px;} } /* Services Menu Shortcode */ ul.services a {font-size: 22px; line-height: 30px;} /* Social Media Buttons */ .addthis_tool {margin-bottom: 15px;} /* Top Padding Class for aligning Right Column text with Left Column image (when needed) */ .padtop {padding-top: 45px;} /* LOCATION MAP - Fixes 'get driving directions' div in mobile view */ @media screen and (max-width: 630px) { .dbtn, .saddr {width: 100%!important;} } /* = Forms [Additional Edits] -------------------------------------------------------------------------------------------------------------------- ** 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; } .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} #quick-contact .gform_wrapper ul li.gfield{ margin-top:7px !important; } #quick-contact .gform_wrapper ul.gform_fields li.gfield{ width: 45.6%; padding-right:10px !important; } #quick-contact .gform_wrapper ul.gform_fields li.gfield.textarea_wrapper{ width: 54.3%; padding-right:0 !important; margin-top:-173px !important; } #quick-contact .gform_wrapper .top_label div.ginput_container{ margin-top:0 !important; } #quick-contact .gform_wrapper .ginput_container .form-control::-webkit-input-placeholder { /* Chrome */ color:#333333; } #quick-contact .gform_wrapper .ginput_container .form-control:-ms-input-placeholder { /* IE 10+ */ color:#333333; } #quick-contact .gform_wrapper .ginput_container .form-control::-moz-placeholder { /* Firefox 19+ */ color:#333333; } #quick-contact .gform_wrapper .ginput_container .form-control:-moz-placeholder { /* Firefox 4 - 18 */ color:#333333; } #quick-contact .gform_wrapper .ginput_container input.form-control{ box-shadow:none; color:#333333; background:#eeeeee!important; height:53px !important; } #quick-contact .gform_wrapper .ginput_container textarea.form-control{ box-shadow:none; color:#333333; background:#eeeeee!important; height:173px !important; padding-left:17px !important; padding-top: 14px !important; } #quick-contact .gform_wrapper .gform_footer{ margin-top: 14px !important; } /* QUICK CONTACT BUTTON*/ #quick-contact .gform_wrapper .gform_footer input.btn.btnc{ width: 257px; font-size:14px; line-height:16px; margin:0; } #quick-contact .gform_wrapper .gform_footer input.btn.btnc:hover{ background:#CDAD69; } .gform_body{ width:100% !important; } @media screen and (max-width: 991px) { #quick-contact .gform_wrapper .gform_footer{text-align: center;} } @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: 600px) { .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 } #quick-contact .gform_wrapper ul.gform_fields li.gfield{ width: 100% !important; padding-right:0 !important; } #quick-contact .gform_wrapper ul.gform_fields li.gfield.textarea_wrapper{ width: 100% !important; } #quick-contact .gform_wrapper ul.gform_fields li.gfield.textarea_wrapper{ margin-top:7px !important; } .gform_wrapper .gform_footer{ float: left; } #quick-contact .gform_wrapper .gform_footer input.btn.btnc{ width:190px; } } /* CONTACT FORM DISCLAIMER */ .contact_disclaimer { font-size:12px; line-height:16px!important; font-style: italic; } /* CONTACT FORM LABELS */ .gform_wrapper .top_label .gfield_label {display:none;} .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {display:none;} .mnlocation_list {list-style:none;} /* Form Overwrites */ .gfield.disclaimer {font-size:12px; line-height:16px!important; font-style:italic;} #input_2_5 {margin-bottom:10px!important;} @media (max-width: 560px) { #gform_wrapper_2 {padding-top:20px!important; padding-bottom:120px!important;} } /* = ADDITIONAL EDITS -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ /* MENU ------------- */ #mainmenu li li a {line-height:24px;} /* STICKY MENU */ .am-sticky-mainmenu li li a {line-height:24px; padding: 8px 16px;} /* UL BOX */ .bordered-list { border-left:11px solid #000000; padding:30px 45px; background:#f7f7f7; color:#000000; width:100%; font-weight:300; } .bordered-list li { margin-top:7px; } .bordered-list a { font-weight:bold; } /* CALL TO ACTION */ .cta p {margin-bottom:0px;} @media screen and (min-width:491px){ .cta {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 10px 20px 60px; font-size:20px;} .cta {background-image:url(images/icons/phone.png); background-repeat:no-repeat; background-position:1% 50%;} } @media screen and (max-width:490px){ .cta {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:60px 10px 20px 10px; font-size:18px; text-align:center;} .cta {background-image:url(images/icons/phone.png); background-repeat:no-repeat; background-position:50% 8%;} } /* UL PDF */ .pdf {list-style-image: url('images/icons/pdf-icon.gif');} /* Accordion Styling */ .tpf-ac-trigger { cursor:pointer; position:relative; padding-left:25px; margin:0 0 20px; font-size:18px; line-height:22px; } .tpf-ac-trigger::before { position: absolute;     top:35%;left:0;     content: "";display: block;     width: 0.4em; height: 0.4em;     transform: rotate(45deg); /* ARROW COLOR */ border-right: 0.2em solid #000000; border-top: 0.2em solid #000000; }      .tpf-ac-trigger.tpf-active::before {transform: rotate(135deg)} /*.Color When Hovered and/or active */ .tpf-ac-trigger.tpf-active {color:#CDAD69;} .tpf-ac-trigger:hover{color:#CDAD69;} .tpf-ac-pane {margin-left:25px;} /* BREADCRUMB STYLE */ .home #main #breadcrumbs {display:none;} #main #breadcrumbs {color:#222; margin-bottom:10px; padding-bottom:0;} #main #breadcrumbs a {color:#000000;} #main #breadcrumbs a:hover {color:#CDAD69;} .row .topics {margin-bottom:60px!important;} .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } .adobereader {padding:20px 40px!important; border:1px solid #ccc;} .adobereader img:hover {opacity:0.8;} img.linkedimage:hover {opacity:0.8;} /* = Photo Gallery -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ .single-mngallery .addthis_tool {display:none!important; height:0!important;} .main_aside .bordered-list li {line-height:22px!important; padding-bottom:8px;} /* = Updated Highlights Section -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ .highlight-hover {background-color:#000;} .highlight-hover a img {opacity:0.6;} .highlight-hover a img:hover {opacity:1.0;} /* = Personal Code -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ .form-box { text-align: center; border: double #78C9ED; padding: 30px 0; } .contact-box { background-color: rgba(216, 187, 185, 0.75); } #quick-contact > div > div > div > div > h2 {margin-top: 0; padding-top: 30px} #highlights > div > div > div.fwpadded > div > h2 {padding-top: 120px} .anchor{ display: block; height: 115px; /*same height as header*/ margin-top: -115px; /*same height as header*/ visibility: hidden; } @media screen and (max-width:767px) { .highlight-hover { background-color: inherit; } } #mobile_logo {z-index: 9999} #mainmenu_accordion > li > ul {padding-top: 10px}