/** * Theme Name: Turnkey Site4 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 ** turnkey site4 ** */ html {background:#ffffff;} body {font-family:Arial, Tahoma, Helvetica, sans-serif; color:#3c3c3c; font-size:15px; line-height:30px} h1, h2, h3 {margin:60px 0 30px; padding:0; color:#216A99; font-weight:700; text-transform:uppercase} h4, h5, h6 {margin:30px 0 30px; padding:0; color:#216A99; font-weight:500; text-transform:none} H1{font-size:36px;line-height:46px} H2{font-size:30px;line-height:40px} H3{font-size:28px;line-height:35px} H4{font-size:26px;line-height:30px} H5{font-size:24px;line-height:28px} H6{font-size:20px;line-height:22px} .topheader {margin:0 0 40px;} .home h2.topheader {font-size:36px; line-height:46px;} @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:20px;line-height:28px} H4{font-size:18px;line-height:26px} H5{font-size:16px;line-height:24px} H6{font-size:15px;line-height:22px} .topheader {margin:0px 0 20px 0;} .home h2.topheader {font-size:26px; line-height:34px;} } ul, ol{ padding:0 0 0 30px; margin:0 0 40px; list-style:outside;} a {color:#216A99; text-decoration:none; cursor:pointer!important} a:hover {color:#969696; 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 #969696; color:#969696; width: 80%;} 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} .contacthr {text-align: center;border:0;clear:both;margin:10px auto;border-top:1px solid #969696; color:#969696; width: 100%;} /* all headers followed by an HR get their margins redone */ hr + .htag {margin-top: 40px; } hr[class*="fa-"]::before { display: inline-block;font-family:FontAwesome;position:relative;padding:0 10px;top:-14px;background:#FFF;font-size:18px} p, .rowlikep {margin:0 0 40px} /* fancy lines before/after an element */ .linetop::before{content:' ';display:block;margin:0 0 20px;max-width:150px;border-top:1px solid #A5A8AB} .linebottom::after{content:' ';display:block;max-width:150px;border-top:1px solid #A5A8AB} /* Block Quote styling */ blockquote {border-left:5px solid #969696; 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} .btn.btnc, .btn.btnc::before {background:#969696; color:#fff; border:1px solid #969696; padding:16px 22px; text-decoration:none; border-radius:0; cursor:pointer; text-transform:uppercase; font-size:13px; font-weight:700; letter-spacing:1px} .btn.btnc:hover {background:#85786d; color:#FFF; text-decoration:none} /* SMALL LINE */ .small_line {color:#00567f; background:#00567f; width:45px; height:2px; margin:15px 0 25px; display:block; text-indent:-9999px;} .home #main .small_line {margin:0 auto 20px;} .gold{color:#969696;} /* 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 #969696; border-top: 0.2em solid #969696; } .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} /*Personalized CSS -------------------------------------------------------------------------------------------------------------------- */ /* Misc accents */ .left-border { border-left: 1px solid #969696;} .emphasisbox { padding:40px; margin-bottom: 20px;} .emphasisbox a {color: #5f554c;} .emphasisbox h3, .emphasisbox h4, .emphasisbox h2 {margin:10px 0 30px;} .emphasisbox h5 {margin-top: 0;} .emphasisbox h2 {border-bottom: 1px solid;} .emphasistext {padding: 40px 0 0; margin-bottom: 40px; border: 1px solid #5f554c;} .emphasistext h2,.emphasistext h3 {margin: 10px 0 30px;} .emphasistext h4, .emphasistext h5 {margin-top: 0;} .infobox {padding: 20px 20px; margin-bottom: 20px; border: 1px solid #969696;} .infobox p {margin-bottom: 20px;} .infobox h2 {margin-top: 10px; margin-bottom: 30px;} .infobox h3 {border-bottom: 1px solid #216A99; margin-top: 8px;} .infobox h4 {margin-bottom: 10px; border-bottom: 1px solid #216A99;} .infobox h6 {margin: 0 0 10px;} .infobox a {color: #969696;} .infobox a:hover {color: #216A99;} .services {/* background: rgba(83, 170, 245, 0.15) */; box-shadow: #bbb 1px 1px 12px;} .services:hover {box-shadow: none;} .servbtn {box-shadow: #333 2px 3px 10px; /* max-width: 350px; margin: 0 auto; background: #5f554c; color: #fff !important; padding: 15px; */} .servbtn:hover {box-shadow: none;} .contacttel {font-size: 27px;} .alert-info {font-size: 18px;} .alert-info a {font-weight: 600;} .border {border-right: 1px solid #969696; padding-right: 40px;} .bagallery {padding: 20px 0; margin-bottom: 20px; border: 1px solid #969696;} #quicklinks ul li a { display: block; text-align: center; padding: 14px 9px; text-decoration: none;} #quicklinks ul li { float: left;} #breadcrumbs {display: none;} #header .title {font-size: 18px; color: #337ab7; text-transform: uppercase; margin: 0 0 -10px; display: block;} .am-sticky-mainrow {height: 90px;} .am-sticky-mainrow .am-sticky-logo-img {max-width: 140%;} .tpf-ac-pane {margin-bottom: 30px;} .insurancebtn {box-shadow: #333 1px 1px 5px; padding: 10px;} .insurancebtn:hover {box-shadow: none;} .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px;} .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } /* = Service page -------------------------------------------------------------------------------------------------------------------- */ #services { background: #fff; padding:0; color:#FFF; margin-bottom: 5%;} #services .row>.col-md-6, #services .row>.col-lg-3{padding:0;} #services #hl1{height:400px;background:url('images/structure/highlight.jpg') top center no-repeat; background-size:cover;text-align:center;} #services #hl2{height:400px;background:url('images/structure/highlight_02.jpg') top center no-repeat; background-size:cover;text-align:center;} #services #hl9{height:400px;background:url('images/structure/highlight_09.jpg') top center no-repeat; background-size:cover;text-align:center;} #services #hl4{height:400px;background:url('images/structure/highlight_04.jpg') top center no-repeat; background-size:cover;text-align:center;} #services #hl5{height:400px;background:url('images/structure/highlight_05.jpg') top center no-repeat; background-size:cover;text-align:center;} #services #hl6{height:400px;background:url('images/structure/highlight_06.jpg') top center no-repeat; background-size:cover;text-align:center;} #services #hl7{height:400px;background:url('images/structure/highlight_07.jpg') top center no-repeat; background-size:cover;text-align:center;} #services #hl8{height:400px;background:url('images/structure/highlight_08.jpg') top center no-repeat; background-size:cover;text-align:center;} #services #hl3{height:400px;background:url('images/structure/highlight_03.jpg') top center no-repeat; background-size:cover;text-align:center;} #services .title{display:block; text-align:center; font-size:35px; line-height:36px; font-weight:700; color:#fff; padding-top:45%; text-shadow: #333 3px 3px 1px;} #services hr{display:none; width:51px; margin:30px auto 15px;} #services ul{display:none;list-style:none;padding-left:0;} #services ul>li{padding:10px 0;} #services ul>li>a{color:#ffffff; font-size:18px;text-decoration: underline;} #services ul>li>a:hover{color:#ddd;} #services .btn.btnc{background:#4a6175; height:65px; width:100%;/* position:absolute; bottom:0; */ display:none; font-size:17px; font-weight:600; text-transform:uppercase; color:#fff; padding:26px 0; border-radius:0; margin-top: -73px;} #services #hl1:hover{background:url('images/structure/highlight_hover.jpg') top center no-repeat; background-size:cover; -webkit-transition:background -1s; transition:background -1s;} #services #hl2:hover{background:url('images/structure/highlight_02_hover.jpg') top center no-repeat; background-size:cover; -webkit-transition:background -1s; transition:background -1s;} #services #hl9:hover{background:url('images/structure/highlight_09_hover.jpg') top center no-repeat; background-size:cover; -webkit-transition:background -1s; transition:background -1s;} #services #hl4:hover{background:url('images/structure/highlight_04_hover.jpg') top center no-repeat; background-size:cover; -webkit-transition:background -1s; transition:background -1s;} #services #hl5:hover{background:url('images/structure/highlight_05_hover.jpg') top center no-repeat; background-size:cover; -webkit-transition:background -1s; transition:background -1s;} #services #hl6:hover{background:url('images/structure/highlight_06_hover.jpg') top center no-repeat; background-size:cover; -webkit-transition:background -1s; transition:background -1s;} #services #hl7:hover{background:url('images/structure/highlight_07_hover.jpg') top center no-repeat; background-size:cover; -webkit-transition:background -1s; transition:background -1s;} #services #hl8:hover{background:url('images/structure/highlight_08_hover.jpg') top center no-repeat; background-size:cover; -webkit-transition:background -1s; transition:background -1s;} #services #hl3:hover{background:url('images/structure/highlight_03_hover.jpg') top center no-repeat; background-size:cover; -webkit-transition:background -1s; transition:background -1s;} #services #hl1:hover>.title,#services #hl2:hover>.title,#services #hl3:hover>.title,#services #hl4:hover>.title,#services #hl5:hover>.title,#services #hl6:hover>.title,#services #hl7:hover>.title,#services #hl8:hover>.title,#services #hl9:hover>.title{padding-top:10%;} #services #hl1:hover>p .btn.btnc,#services #hl2:hover>p .btn.btnc,#services #hl3:hover>p .btn.btnc,#services #hl4:hover>p .btn.btnc,#services #hl5:hover>p .btn.btnc,#services #hl6:hover>p .btn.btnc,#services #hl7:hover>p .btn.btnc,#services #hl8:hover>p .btn.btnc,#services #hl9:hover>p .btn.btnc{display:block;} #services #hl1:hover>hr,#services #hl2:hover>hr,#services #hl3:hover>hr,#services #hl4:hover>hr,#services #hl5:hover>hr,#services #hl6:hover>hr,#services #hl7:hover>hr,#services #hl8:hover>hr,#services #hl9:hover>hr{display:block;} #services #hl1:hover>ul,#services #hl2:hover>ul,#services #hl3:hover>ul,#services #hl4:hover>ul,#services #hl5:hover>ul,#services #hl6:hover>ul,#services #hl7:hover>ul,#services #hl8:hover>ul,#services #hl9:hover>ul{display:block; margin:0 auto;} /*Removes Hover effects from Mobile*/ @media screen and (max-width: 1050px;){ #services .title {font-size: 25px; font-weight: 500; text-shadow: #333 1px 2px 1px;} } @media screen and (max-width:992px){ #services .title{padding-top:40%;} #services #hl1:hover>p .btn.btnc,#services #hl2:hover>p .btn.btnc,#services #hl3:hover>p .btn.btnc,#services #hl4:hover>p .btn.btnc{display:none!important;} #services #hl1:hover>.title,#services #hl2:hover>.title,#services #hl3:hover>.title,#services #hl4:hover>.title{padding-top:40%!important; color:#dddddd;} #services #hl1:hover>hr,#services #hl2:hover>hr,#services #hl3:hover>hr,#services #hl4:hover>hr{display:none!important;} #services #hl1:hover>ul,#services #hl2:hover>ul,#services #hl3:hover>ul,#services #hl4:hover>ul{display:none!important;} } /* = Header -------------------------------------------------------------------------------------------------------------------- Elements in the structure/header.php file ** turnkey site4 ** */ #header {background-image: url(/wp-content/uploads/2017/03/w-bg.jpg); padding:20px 0;} #header #logo img {max-width:100%;} #header p {margin:0;} #header .topright .phone {font-size:28px; line-height:28px; color:#2793BB; letter-spacing:1px;} #header .topright .phone:hover{color:#969696;} @media screen and (min-width:992px){ #header .topright {padding:0;float:right;} #header .topright .am-social-svg{margin: -9px 0 0;} } @media screen and (max-width:992px) and (min-width:768px){ #header .topright .am_social_follow_pack{margin:0 -12px 0 0;} } @media screen and (max-width:768px){ #header {padding:30px 0 20px;} #header .topright .phone {display:block; margin-bottom:12px;} } /* = 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} } /* = Sticky Top Header -------------------------------------------------------------------------------------------------------------------- Elements in the structure/header.php file ** turnkey site4 ** */ .am-sticky-toprow {background: #969696; color:#FFFFFF;} .am-sticky-mainrow {background-image: url(/wp-content/uploads/2017/03/w-bg.jpg);} .am-sticky-toprow .am-sticky-right-info{color:#083154;} .am-sticky-toprow .am-sticky-right-info a{color:#e7e7e7; padding:0 10px;} .am-sticky-toprow .am-sticky-right-info a:hover{color:#edb64a;} @media screen and (max-width: 1200px) { .am-sticky-toprow .am-sticky-right-info a {font-size:16px;} } @media screen and (max-width: 992px) { #sticky-side-panel-logo {text-align:center;} .am-sticky-toprow .am-sticky-right-info a{font-size:14px;} } /* Menu Items */ .am-sticky-mainmenu > li > a {color: #565656/* #e7e7e7 */} .am-sticky-mainmenu > li > a:hover {color: #337ab7} @media screen and (max-width: 1200px) { .am-sticky-mainmenu > li > a {padding:0 6px;} } /* Submenu */ .am-sticky-mainmenu li li a {background: #999} .am-sticky-mainmenu li li a:hover {background: #216A99} .am-sticky-mainmenu li li a {color: #fff} .am-sticky-mainmenu li li a:hover {color: #fff} /* Accodion Menu */ .am-sticky-accordion > li > a {color: #e7e7e7} .am-sticky-accordion > li > a:hover {color: #edb64a} /* Sub menu */ .am-sticky-accordion > li li a {background: #706860} .am-sticky-accordion > li li a:hover {background: #edb64a} .am-sticky-accordion > li li a {color: #e7e7e7} .am-sticky-accordion > li li a:hover {color: #2f2c2a} /* Side panel */ .am-sticky-side-panel {background: #2f2c2a} .am-sticky-iconsnav a {color: #e7e7e7} .am-sticky-iconsnav a:hover {color: #edb64a} .am-sticky-side-panel .sticky-side-panel-lefteditable{padding:28px 0;} .am-sticky-side-panel .sticky-side-panel-nav{padding:42px 0 0;} /* = Main Navigation -------------------------------------------------------------------------------------------------------------------- ** turnkey site4 ** */ #navigation {background:#216A99; border-bottom:0; overflow: visible } /* Dropdown Style */ #mainmenu{margin:0; float:left;} #mainmenu>li>a{font-size:13px;line-height:13px;padding:23px 30px; color:#e7e7e7;text-transform: uppercase; font-weight:400; background:url(images/structure/nav_divider.png) 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:#edb64a; text-decoration:none} /* #mainmenu>li:hover {background:url(images/structure/nav_underscore.png) center top}*/ /* #mainmenu>li.has-submenu {background:url(images/structure/nav_sub_menu_arrow.jpg) center 45px no-repeat;} */ /* Sub-Menu*/ #mainmenu ul{width:200px;margin-top:0} #mainmenu li li a{color:#fff;font-size:14px;padding:8px 16px;margin:0;background:#969696;} #mainmenu li ul a:hover{color:#e7e7e7;background:#216A99;} /* 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:#e7e7e7; 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:40px; line-height:40px; border-bottom:1px solid #e7e7e7;} #mainmenu_accordion ul li a:hover {text-decoration:none; } /* Mobile Submenu */ #mainmenu_accordion>li>ul>li a {background:0; color:#e7e7e7; padding-left:20px} #mainmenu_accordion>li>ul>li a:hover {color:#edb64a;} #mainmenu_accordion>li>ul>li li a { background:0; color:#e7e7e7; padding:0 0 0 40px;} #mainmenu_accordion>li>ul>li li a:hover { background:#969696; color:#fff;} #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;} @media screen and (max-width: 1280px) { #mainmenu>li>a{line-height:14px;padding:23px 24px} } @media screen and (max-width: 1200px) { #mainmenu>li>a{font-size:12px; padding:23px 13px} } /* = Banner/Graphic - Carousel -------------------------------------------------------------------------------------------------------------------- ** turnkey site4 ** */ #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:#f3f3f3} @media screen and (max-width: 768px) { .carousel-inner>.item>img {max-width:135%;} } /*Img was floating left causing issues with caption box*/ #graphic .wp-post-image {float:none;} /* -- CAPTION -- */ .carousel-caption {width:100%; top:17%; right:0; left:0; bottom:0; padding:0; max-width:1280px; display:block; margin:0 auto; text-align:left;} .carousel-caption > * {color:#cbab65; text-shadow:none;} .carousel-caption hr{color:#b2aaa3; background:#b2aaa3; border-color:#b2aaa3; margin:16px 0px 16px 4px; max-width:400px;} .carousel-caption .title {color:#6c645d; font-size:75px; line-height:66px; margin:0 0 20px 0; text-transform:uppercase;font-weight:700;} .carousel-caption p{color:#a3998f; font-size:28px; line-height:32px; margin:0 0 10px; text-transform:uppercase;} .carousel-caption .btn.btnc{background:#f2b42f; border-color:#f2b42f;} @media screen and (max-width: 1400px) { .carousel-caption .title{font-size:56px;} .carousel-caption p {font-size:23px; line-height:26px;} .carousel-caption hr {max-width:300px;} .carousel-caption {left:10%;} } @media screen and (max-width: 1300px) { .carousel-caption{top:10%;} .carousel-caption .title{font-size:50px;} .carousel-caption .btn.btnc{margin-top:-18px;} } @media screen and (max-width: 1100px) { .carousel-caption{top:10%;} .carousel-caption p {font-size:20px;} .carousel-caption hr {margin: 11px 0px 1px 4px;} .carousel-caption .title{font-size:45px;} .carousel-caption .btn.btnc{margin-top:-18px;} } @media screen and (max-width: 992px) { .carousel-caption {position:relative; left:0; text-align:center; padding:20px 10px; background:#f3f3f3;} .carousel-caption .title {font-size:33px; line-height:40px;} .carousel-caption hr {margin:10px auto;} .carousel-caption .title{font-size:50px;} .carousel-caption p {font-size:22px;} } @media screen and (max-width: 768px) { .carousel-caption .title {font-size:40px; line-height:45px;} .carousel-caption p {font-size:19px; line-height:29px;} } /* -- INDICATORS -- */ .carousel-indicators li {border:1px solid #85786d; background:#85786d; width:13px; height:13px; margin:0 3px;} .carousel-indicators li.active {border:1px solid #fff; background:#fff; width:13px; height:13px; margin:0 3px;} ol.carousel-indicators {margin-bottom:27px;} @media screen and (max-width:992px){ .carousel-indicators li {border-color: #cbab65; background-color:#cbab65;} .carousel-indicators li.active {border-color:#cbab65;} } /* -- 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); } } /* = Highlights -------------------------------------------------------------------------------------------------------------------- ** turnkey site4 ** */ #highlights {background:#216A99; padding:40px 0 50px;} #highlights a{font-size:15px; display:block; margin: 0 auto; /* max-width:166px; */ text-align:center; line-height:22px; color:#efefef; text-transform:uppercase;} #highlights .gold{color:#edb634;} /* = Main Section -------------------------------------------------------------------------------------------------------------------- ** turnkey site4 ** */ #main {background: #fff /* #eee3d8 */; padding:90px 0 70px;} .home #main {border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6;} @media screen and (max-width: 992px) { #main {padding:60px 0 30px;} } .nosidebar #main .main_section {width:100%;} .main_aside .first {margin-top:0} .main_aside .first .htag {margin:0 0 60px} @media screen and (min-width:1200px){ .home #main .text{height: 202px;} } /* = Bottom Section|s -------------------------------------------------------------------------------------------------------------------- ** turnkey site4 ** */ /* = Quick Contact Section -------------------------------------------------------------------------------------------------------------------- ** turnkey site4 ** */ #quickcontact {padding:80px 0;/* background-color:#8c8176; */} @media screen and (max-width:1200px){ /* #quickcontact{background:#8c8176!important;} */ } @media screen and (max-width: 992px) { #quickcontact {padding:60px 0;} .border {border: none;} .left-border {border: none;} } #quickcontact .title{font-size:18px; color:#216A99; text-transform:uppercase;margin: 0 0 -10px;display:block;} #quickcontact address{color:#969696; font-size:15px; line-height:21px;margin-bottom:-5px;max-width:375px;} #quickcontact .phone {color:#216A99; font-weight:700; float:right; position:relative; bottom:33px; font-size:18px;} #quickcontact .phone:hover {color:#969696;} @media (max-width: 560px) { .gform2col .gform_wrapper .gform_footer { padding:18px 0 0 0!important;} } @media screen and (max-width:1200px) and (min-width:992px){ #quickcontact .phone {position:static; margin:15px 0 -10px; display:block; float:none;} } @media screen and (max-width:370px){ #quickcontact .phone {position:static; margin:15px 0 -10px; display:block; float:none;} } /* Quick Contact Gravity Forms Overwrites*/ #quickcontact .form-control {background:#DEDEDE; height:auto; padding:15px 15px!important; box-shadow:none;} /*-- form footer styles --*/ #quickcontact .gfield.disclaimer {font-size:12px; line-height:18px; font-style:italic} #quickcontact .gform_wrapper {width:87%;} #quickcontact .gform_wrapper .gform_footer {padding:0; text-align:right;} @media screen and (max-width: 992px) { #quickcontact .gform_wrapper {width:100%;} } #quickcontact .gform_button {padding:10px 20px; font-size:16px;} @media screen and (max-width:1200px){ #quickcontact .gform_button {background:#f2b42f;border-color:#f2b42f;} } /*-- 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: #6c6561; font-size:15px; } #quickcontact .gform_wrapper .ginput_container input:-moz-placeholder, #quickcontact .gform_wrapper .ginput_container textarea:-moz-placeholder { /* Firefox 18- */ color: #6c6561; font-size:15px; } #quickcontact .gform_wrapper .ginput_container input::-moz-placeholder, #quickcontact .gform_wrapper .ginput_container textarea::-moz-placeholder { /* Firefox 19+ */ color: #6c6561; font-size:15px; } #quickcontact .gform_wrapper .ginput_container input:-ms-input-placeholder, #quickcontact .gform_wrapper .ginput_container textarea:-ms-input-placeholder { color: #6c6561; font-size:15px; } /* = Quick Links Section -------------------------------------------------------------------------------------------------------------------- ** turnkey site4 ** */ #quicklinks {background:#216A99; padding:20px 0 0; font-size:13px; line-height:32px; color:#FFF;} #quicklinks a {color:#A5A8AB; text-transform:uppercase;} #quicklinks a:hover {color:#edb734} #quicklinks h3 {margin:0 0 20px; padding:0; font-size:18px; color:#edb734} #quicklinks ul {list-style:none outside; margin:0; padding:0;} #quicklinks .am_social_follow_pack{float:right;} #quicklinks .am_social_follow_pack a{display:block;} @media screen and (max-width: 992px) { #quicklinks {padding:60px 0;} #quicklinks .am_social_follow_pack{float:left;} } /* = Footer Section -------------------------------------------------------------------------------------------------------------------- ** turnkey site4 ** */ #footer {background:#216A99; padding:20px 0; color:#A5A8AB; font-size:13px;} #footer a {color:#ededed; font-weight:700;} #footer a:hover {color:#edb734} #footer ul {margin-bottom:0} /* = Back to top -------------------------------------------------------------------------------------------------------------------- ** turnkey site4 ** */ .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:#edb734; border:1px solid #edb734; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; opacity:0.7; /* text-indent:-9999px;background: url('icon_top.png') no-repeat;*/ } .backtotop.styled:hover {opacity: 1;} /* = Forms -------------------------------------------------------------------------------------------------------------------- ** turnkey site4 ** */ /* 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 .gform_wrapper .ginput_container input.form-control {height:50px;} .gform2col .gform_wrapper .textarea_wrapper { float:right; margin-top:-183px} .gform2col .gform_wrapper .textarea_wrapper textarea {max-height:173px} .gform2col .gform_button {/* display:block!important;*/max-width:300px; margin:0 auto; float:none} @media (max-width: 560px) { .gform2col .gform_wrapper .gfield { width:100%} .gform2col .gform_wrapper .textarea_wrapper { width:100%; margin-top:0;float:left } } /* = Blog Section -------------------------------------------------------------------------------------------------------------------- ** turnkey site4 ** */ .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: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 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} /* = Maps Google Map API & InfoWindow Styles -------------------------------------------------------------------------------------------------------------------- ** turnkey site4 ** */ .mapcanvas {float:left; width:99%; height:500px; margin: 0 0 20px; border:0 double #ccc} .iwindow {line-height:18px;width:250px} .iwindow hr { border:0;margin:10px 0; background:0; border-top:1px solid #ddd; width:100%; clear:both } .iwindow a {font-size:12px} .iwindow.hasimg {width:350px} .iwindow.hasimg hr {float:left;} .hasimg.hasimg .infoimg {float:left;max-width:100px;margin:0 10px 0 0} .mapimg {display:block; height:100px; width:auto;} /* -- Directions form - active only on single locations -- */ .directions_form {float:left;display:block;border:1px solid #ddd; width:100%} .directions_form>div {display:block;padding:10px; overflow:hidden} .directions_form .saddr{float:left; width:75%; padding:10px} .directions_form strong {display:block} .directions_form .dbtn {float:right; width:18%; border:0; padding:10px;} /* -- map_info styles/ Bubble -- */ .map_info {clear:none!important;overflow:hidden; line-height:18px; float:left; cursor:pointer} .map_info {width:32%;margin:0 1% 10px 0} .map_info .org, .map_info .line1, .map_info .line2, .map_info .csz, .map_info .tel, .map_info .fax, .map_info .extra {display:block;} .map_info .full_address {display:block;padding-bottom:10px} /* = Bootstrap overwrites -------------------------------------------------------------------------------------------------------------------- ** turnkey site4 ** */ /* 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 -------------------------------------------------------------------------------------------------------------------- ** turnkey site4 ** */ [class*="qcol-"] { -webkit-column-gap: 50px; /* Chrome, Safari, Opera */ -moz-column-gap: 50px; /* Firefox */ column-gap: 50px; }