/* Theme Name: jerrykronquist Version: 1.0.0 Theme URI: http://optimized360.com Template: rogue Author: Optimized360 Author URI: http://optimized360.com/about-us License: Copyright Optimized360 LLC - All Rights Reserved © 2013-2016 */ @import url('https://fonts.googleapis.com/css?family=Lato:100,300,300i,400,400i,700,700i,900,900i|Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i'); /*======================================================================== Base ========================================================================*/ body {padding-right: 0px !important; font-family: 'Lato', sans-serif !important; font-size:15px; color:#2b2a2a; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;position: relative; right:0;} body.cbp-spmenu-push-toleft { right: 250px;} h1 { font-size:40px; font-family: 'Montserrat', sans-serif; margin:0 0 15px; color:#1f3453; text-transform:uppercase;} h2 { font-size:35px; font-family: 'Montserrat', sans-serif; margin:0 0 15px; color:#1f3453; text-transform:uppercase;} h3 { font-size:30px; font-family: 'Montserrat', sans-serif; margin:0 0 15px; color:#1f3453; text-transform:uppercase;} h4 { font-size:27px; font-family: 'Montserrat', sans-serif; margin:0 0 15px; color:#ffffff; text-transform:uppercase;} h5 { font-size:24px; font-family: 'Montserrat', sans-serif; margin:0 0 15px; color:#1f3453; text-transform:uppercase;} h6 { font-size:20px; font-family: 'Montserrat', sans-serif; margin:0 0 15px; color:#1f3453; text-transform:uppercase;} h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a{ color:#1f3453;} body a{ color:#1f3453;} body a:hover, body a:focus { color:#1f3453;} img{ max-width:100%;} p{ font-family: 'Lato', sans-serif; font-size:15px; color:#2b2a2a; line-height:30px; margin-bottom:30px;} .widget-title { font-size: 25px;} /*======================================================================== Modules ========================================================================*/ #navbar { left: 0; position: fixed; top: 0; width: 100%; z-index: 9999;transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} body.cbp-spmenu-push-toleft #navbar { left: -250px;} #navbar .phone { text-shadow: 2px 6px rgba(0,0,0,.35); color: #fff; display: inline-block; float: right; font-family: "Montserrat",sans-serif; font-size: 24px; font-weight: 400; margin:40px 0 0; padding:0 10px 0 30px; position: relative; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; line-height:normal;} #navbar .phone:after{ content:"\f10b"; position:absolute; left:0; top:-1px; font-family: FontAwesome; font-size: 40px; line-height:32px; } #navbar .navbar-header button { display: block !important; box-shadow: 0 0 5px 0px rgba(0,0,0,.35); margin: 0;} #navbar .navbar-header { float: right; margin:37px 25px 18px 0; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;} #navbar .navbar-collapse { background: #fff; border: none; display: block !important; padding: 0; position: fixed; right:-250px; top:0px; width: 250px;transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; height:100% !important; z-index:999;} body.cbp-spmenu-push-toleft #navbar .navbar-collapse { display: block !important; right:0;} .logo { float: left; margin: 12px 0 11px; max-width: 190px; opacity:0; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; position:relative; z-index:-999999;} .affix .logo{ opacity:1; z-index:1;} #navbar.affix nav.navbar.navbar-default { background: rgba(31, 52, 83, 0.8) ;} #navbar.affix .navbar-header { margin:26px 25px 21px 0;} #navbar.affix .phone{ margin-top:30px; box-shadow: 0 0 5px 0px rgba(0,0,0,.35); } /*======================================================================== hero ========================================================================*/ .hero-insurance { text-align: center; padding: 20px; font-size: 25px;} #hero{} .inner-hero { background-repeat: no-repeat !important; background-size: cover !important; padding: 13.5% 0; min-height:150px; background-position:center center;} .home.et_divi_builder #hero-home #et_builder_outer_content .et_pb_slide_description, .et_divi_builder #et_builder_outer_content .et_pb_slider_fullwidth_off .et_pb_slide_description { background-color: rgba(31, 52, 83, 0.45); margin: 15% auto; max-width: 754px; padding: 40px 10px; width: 100%;} .home #hero-home #et_builder_outer_content .et_pb_slide_content h2 { font-size: 40px; margin: 12px 0 0;} .home #hero-home #et_builder_outer_content .et_pb_more_button.et_pb_button { background: #980e0e; border: 0 none; font-family: "Montserrat",sans-serif; font-size: 15px; padding: 8px 18px; text-transform: uppercase; display: inline-block; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.5s; transition-property: color; vertical-align: middle; box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.26); border-radius:0;} .home #hero-home #et_builder_outer_content .et_pb_more_button.et_pb_button::before { background: #1f3453; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(0); transform-origin: 50% 100% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; opacity:1; color:#fff !important; display:block; width:100%; margin:0;} .home #hero-home #et_builder_outer_content .et_pb_more_button.et_pb_button:hover::before, .home #hero-home #et_builder_outer_content .et_pb_more_button.et_pb_button:focus::before, .home #hero-home #et_builder_outer_content .et_pb_more_button.et_pb_button:active::before { transform: scaleY(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);} .et_divi_builder #et_builder_outer_content .et_pb_button::after { content: "" !important;} .bio .col-md-10 span a{ display: block; } /*======================================================================== main-content ========================================================================*/ #main-content{ min-height:450px; padding:50px 0;} .home #main-content { display: none;} .postid-322 #main-content h1 + .wp-post-image {display: none;} /*======================================================================== highlights ========================================================================*/ #highlights { background-image: url("images/doctor-bg-new1.jpg"); background-position: top center; background-size: cover; padding: 30px 0; } #highlights h3 { color: #1f3453; font-size: 28px; font-weight: 300; margin-bottom: 5px; position:relative; z-index:9; padding:5px 20px;float:left;} #highlights h3:before{ position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; content:"";-webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px); z-index:-1;opacity: 0.8; } #highlights .subtitle {font-family: 'Lato', sans-serif; font-size:15px; color:#2b2a2a; line-height:30px; margin-bottom:10px; display:block; max-width: 560px; position:relative; z-index:2; padding:10px 20px; float:left;} #highlights .subtitle:before{ position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; content:"";-webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px); z-index:-1;opacity: 0.8; } #highlights .logos { margin-bottom:15px; padding:0; clear:both;} #highlights div > div > div { padding: 0 90px 30px;} #highlights > div > div > div:nth-child(2) > .subtitle, #highlights > div > div > div:nth-child(2) > h3 { float: right;} #highlights > div > div > div:nth-child(2) > .logos{ clear:both;} /*======================================================================== services ========================================================================*/ #services{background-image: url(images/featured_bg.jpg); background-size: cover; padding: 80px 0; background-attachment:fixed;} #services h3 {font-size: 35px; margin-bottom: 30px; text-align:center; color:#fff;} #services > div > div > div > a > img { float: left; margin-right: 20px;} #services > div > div > div > a > .title { color: #fff; display: block; float: left; font-family: "Montserrat",sans-serif; font-size: 22px; margin: 25px 0; max-width: 196px; text-transform: uppercase;} #services > div > div > div { margin-top: 30px; margin-bottom: 30px;} #services a{ transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; display:block;} #services a:hover{ transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -webkit-transform:scale(1.1); } /*======================================================================== testimonials ========================================================================*/ #testimonials{background-image: url(images/testimonial.jpg); background-size: cover; padding: 100px 0; background-position:center center;} #testimonials::after { clear: both; content: ""; display: block;} #testimonials > div:nth-of-type(1) { background-color: rgba(255, 252, 247, 0.75); padding: 70px 60px;} #testimonials > div > div:nth-child(1) { float: right; max-width: 520px; position: relative; text-align: center;} #testimonials h3 { font-size: 35px; font-weight: 600; margin-top:0;} #testimonials .rating i { color: #bb0e00; font-size: 30px;} .rating { margin: 10px 0 20px;} #testimonials .sub-title { color: #2a2a2a; display: block; font-size: 16px; text-align: left;} #testimonials .testimonials-name { color: #0c1c33; display: block; font-family: "Lato",sans-serif; font-size: 20px; font-weight: bold; letter-spacing: 1px; text-align: right; text-transform: uppercase;} #testimonials .btn { margin: 30px 0 20px;} /*======================================================================== sidebar ========================================================================*/ #sidebar{} /*======================================================================== footer-main ========================================================================*/ .et_divi_builder #footer-main { background-image: url(images/footer.jpg); background-size: cover; padding: 60px 0; background-position:center center;} #footer-main h3 { color: #fff; font-size: 35px; margin-bottom: 25px;} #footer-main footer .business-address { color: #fff; display: block; float: left; font-size: 15px; line-height: 20px; margin-right: 25px; max-width: 200px; padding-left: 45px; position: relative;} #footer-main footer .business-address:after{ content:""; position:absolute; left:0px; top:0px; width:26px; height:35px; background:url(images/map.png);} #footer-main > footer > div > div > p > strong { color: #fff; display: block; float: left; font-weight: normal; line-height: 20px; max-width: 200px; position: relative; width: 100%; padding: 0 0px 0 38px;} #footer-main > footer > div > div > p > strong:after{ content:""; position:absolute; left:0px; top:0px; width:18px; height:34px; background:url(images/phone-1.png);} #footer-main .phone { color: #fff; display: block;} #footer-main footer > div > div:nth-child(2) > p:after { clear: both; content: ""; display: block;} #footer-main footer > div > div:nth-child(2) > iframe + p{ background:url(images/shodow-img.png) no-repeat bottom left; padding-bottom:50px;background-size: 100% auto;} .legal { float: left; margin-top: 20px; width: 100%; position:relative;} .legal p { color: #fff; float: left; margin-right: 4%; width: 66%; line-height:20px;} .legal p a{ color:#fff;} .legal > a { background: #999999; border-radius: 50%; display: inline-block; height: 35px; line-height: 35px; text-align: center; width: 35px; color:#b7b4af; color:rgba(255,255,255,0.4);} #footer-main iframe { max-height: 160px;} /*======================================================================== Main Nav Style ========================================================================*/ .navbar { border:0; margin:0; border-radius:0; padding:0; background: transparent; } #navbar nav.navbar.navbar-default { background: transparent ; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } /*======================================================================== Menu Level One ========================================================================*/ .navbar li { font-family: "Montserrat",sans-serif; clear:both; } /* Main Menu Item */ .navbar .navbar-nav > li > a{ padding: 15px 20px; font-size: 14px; font-weight: 300; text-transform: uppercase; color:#333 !important;/*primary-text-dark*/ } #navbar .navbar .nav, #navbar .navbar .nav > li { display: block; float: none; text-align: left; vertical-align: top; } /* Main Menu Item Hover, Active, Focus, Open */ .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus { color:#fff !important; background:#1f3453 !important; } /*======================================================================== Menu Level Two (Dropdown) ========================================================================*/ /* Dropdown Menu Wrap */ .dropdown-menu { border: none; box-shadow: none; padding: 0; position: static; } /* Dropdown Menu Item */ .dropdown-menu > li > a { padding: 10px 10px 10px 30px; white-space: initial; } /* Dropdown Menu Item Hover, Active, Focus */ .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{ color:#fff !important; background:#1f3453 !important; } /*======================================================================== Mobile Menu ========================================================================*/ /* Mobile Menu Toggle Button Border */ .navbar .navbar-toggle { border-color: transparent; } /* Mobile Menu Toggle Bar BG*/ .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { background:; } /* Mobile Menu Toggle Button Icons (Hamburger Menu) */ .navbar .navbar-toggle .icon-bar { background-color:#fff; border-radius: 1px; display: block; height: 3px; width: 35px; } /* Mobile Menu Toggle Button Icons (Hamburger Menu) Hover */ .navbar .navbar-toggle:hover .icon-bar, .navbar .navbar-toggle:focus .icon-bar{ background-color: #fff; } /* Mobile Dropdown Menu Box Border */ .navbar .navbar-collapse { border-color:; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background:none;} /*======================================================================== THEME CSS ========================================================================*/ .et_divi_builder #et_builder_outer_content .et_pb_module ul li { list-style:disc; margin-left: 20px; } .et_divi_builder #et_builder_outer_content .et_pb_module ol li { list-style: decimal; margin-left: 20px; } .et_divi_builder #et_builder_outer_content .et_pb_row { max-width: 1170px !important; width: 100% !important; } .btn { background: #980e0e; border: 0 none; font-family: "Montserrat",sans-serif; font-size: 15px; padding: 8px 25px; text-transform: uppercase; display: inline-block; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.5s; transition-property: color; vertical-align: middle; color:#fff; border-radius:0; font-weight: 300; box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.26);} .btn::before { background: #1f3453; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(0); transform-origin: 50% 100% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1;} .btn:hover::before, .btn:focus::before, .btn:active::before { transform: scaleY(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);} .btn:hover, .btn:focus, .btn:active{ color:#fff;} #et_builder_outer_content blockquote, blockquote { padding:10px 20px !important; background: #1c2d4a !important ; border-left: 5px solid #1f97f3 !important; margin-bottom: 40px !important; margin-left:15px; } blockquote h3, blockquote h4, blockquote h5, blockquote h6, blockquote p, #et_builder_outer_content blockquote p, blockquote ul li{ color:#fff !important;} .single-post #main-content h1 + img.wp-post-image { margin-bottom: 30px;} .single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6, .single-post #et_builder_outer_content h1, .single-post #et_builder_outer_content h2, .single-post #et_builder_outer_content h3, .single-post #et_builder_outer_content h4, .single-post #et_builder_outer_content h5, .single-post #et_builder_outer_content h6{ color: #1f3453;} .single-post #main-content h1 + img{ display:none;} #footer-main .footer-form {width:100%; height:240px; border:none; margin-bottom:15px;} /*======================================================================== Bootstrap 3 Media Queries ========================================================================*/ /*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ @media only screen and (min-width : 320px) {} /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) {} /* Small Devices, Tablets */ /* Most used. Size of iPad Mini non-retina and iPhone 6 Plus */ @media only screen and (min-width : 768px) {} /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) {} /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .container{ max-width:1200px; width:100%;} } /*========== Non-Mobile First Method ==========*/ /* Large Devices, Wide Screens */ @media only screen and (max-width : 1199px) { #highlights div > div > div { padding: 50px 0px;} #highlights { background-image: none; padding: 0;} #highlights div > div > div:nth-child(1){ background-image:url(images/dr_bg_left322.jpg); padding-left: 40%;} #highlights div > div > div:nth-child(2){ background-image:url(images/dr_bg_right322.jpg); padding-right: 50%; background-position:right top;} #highlights > div { width: 100%;} } /* Medium Devices, Desktops */ @media only screen and (max-width : 991px) { #testimonials > div:nth-of-type(1) { float: left; width: 100%;} .legal p { margin-right: 0; width: 100%;} #footer-main footer .business-address { margin-bottom: 20px; max-width: 100%; padding-top:6px;} #footer-main > footer > div > div > p > strong { max-width: 100%;} #footer-main .phone { display: inline-block;} #testimonials { padding: 0;} #testimonials > div > div:nth-child(1) { float: none; margin: 0 auto;} #footer-main > footer > div > div > p > strong { margin-top: 14px; padding-top: 6px;} #footer-main > footer > div > div > p > strong .phone { margin-left: 5px;} } @media only screen and (width : 768px) { #highlights div > div > div:nth-child(1) { background-position: -130px 0;} #highlights div > div > div:nth-child(2) { background-position: -740px 0;} } /* Small Devices, Tablets */ @media only screen and (max-width : 767px) { #highlights div > div > div:nth-child(2) { background-color: #dfdcd7; background-position: right top; background-repeat: no-repeat; padding: 63px 40px; text-align: center;} #highlights div > div > div:nth-child(1) { background-color: #dfdcd7; background-position: left top; background-repeat: no-repeat; padding: 60px 40px; text-align:center;} #highlights div > div > div:nth-child(1){ background-image:url(images/dr-img-jk-mobile-new1.png), url(images/dr-img2.jpg); background-position: center top 0px, left top; background-size:300px auto, cover;padding-left: 15px; padding-right: 15px; padding-bottom:0; padding-top:330px ;} #highlights div > div > div:nth-child(2){ background-image:url(images/dr-img-jk-mobile-new2.png), url(images/dr-img2.jpg); background-position: center top 50px, left top; background-size:300px auto, cover;padding-right: 15px; padding-left: 15px;padding-top:380px;} #highlights > div > div > div:nth-child(2) > .subtitle, #highlights > div > div > div:nth-child(2) > h3 {float: none;} #highlights div > div > div:nth-child(2) .subtitle, #highlights div > div > div:nth-child(1) .subtitle { padding-left: 0; padding-right: 0; text-align: center; display:block;} #highlights div > div > div:nth-child(2) h3, #highlights div > div > div:nth-child(1) h3 { padding-left: 0; text-align: center;padding-right: 0;display:block; } #highlights h3{ font-size:20px;} #navbar .navbar-collapse, #navbar #menu-main-menu { margin: 0px !important;} .home #hero-home #et_builder_outer_content .et_pb_slide_content h2 { font-size: 20px; margin: 12px 0 0;} #services > div > div > div { float: left; margin-bottom: 30px; margin-top: 30px; text-align: center; width: 100%;} #services > div > div > div > a > .title { max-width: 100%; width:100%;} #services > div > div > div > a > img { float: none; margin: 0 auto;} .et_divi_builder #footer-main { background-image: url("images/footer.jpg"); background-position: 70%; background-size: cover; padding: 60px 0; } #footer-main > footer > div > div > p { margin: 0 auto; max-width: 220px;} .logo { max-width: 0;} .affix .logo { max-width: 190px;} #navbar.affix .phone { margin-bottom: 20px; margin-top: 10px; } #navbar.affix .phone { clear: both; display: block; float: none; margin: 0 auto 10px; max-width: 210px;} .home.et_divi_builder #et_builder_outer_content .et_pb_slider .et_pb_container{ width:100%;} .home.et_divi_builder #hero-home #et_builder_outer_content .et_pb_slide_description, .et_divi_builder #et_builder_outer_content .et_pb_slider_fullwidth_off .et_pb_slide_description { margin: 36% auto 16%;} #highlights h3 { display: block; float: none;} #highlights .subtitle{ max-width:100%;} #footer-main footer .business-address{padding-top:0;} .navbar-toggle{ padding-right:0;} #navbar.affix .navbar-header { margin: 29px 0 18px;} #navbar .navbar-header { margin: 37px 0 18px;} #footer-main .footer-form {height:500px;} } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) { .home #hero-home #et_builder_outer_content .et_pb_more_button.et_pb_button { font-size: 14px; padding: 8px 15px;} .home #hero-home #et_builder_outer_content .et_pb_slide_content h2{ font-size:17px;} #myModal {top: 15% !important;} #myModal .modal-content {padding: 10px 10px !important; font-size: 14px !important;} #myModal .modal-header h2 {font-size: 24px;} #myModal .modal-dialog { width: 85% !important; margin: 0 auto; } #services h3{ font-size:27px;} #services > div > div > div > a > .title{ font-size:20px;} #testimonials > div:nth-of-type(1) { padding: 70px 15px;} #testimonials h3, #footer-main h3{ font-size:31px;} h1 { font-size:30px;} h2 { font-size:26px;} h3 { font-size:24px;} h4 { font-size:22px;} h5 { font-size:20px;} h6 { font-size:18px;} .logo{ margin-bottom:15px;} } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px) {} @media only screen and (max-width: 767px) { .bio img { width: 200px; margin-bottom: 12px; } }