/* Theme Name: Blue Arrow Theme URI: Author: eSilverConnect Author URI: Description: eSilverConnect Custom Theme Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: eSilverConnect This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,500,600,700); @import url(https://fonts.googleapis.com/css?family=Racing+Sans+One); @import url('css/defaults.css'); body {font:100% 'Raleway'; color:#1F1F1F; background:#fff;} .ngg-gallery-thumbnail-box { float: none !important; display: inline-block; vertical-align: top; } .row {width:100%; max-width:970px; margin:0 auto; position: relative; padding:0 5px;} img {max-width:100%; height:auto !important;} a:hover, a {transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out;} .toggle-on,.dropdown-toggle:hover{ background: none !important} #masthead .header-top{ background:#000; min-height:32px; line-height:32px; color:#fff;} #masthead .header-top p {font-size: 14px; font-weight: 600;} #masthead .header-top p:first-child {float:left; text-align:left;} .header-top .social { float:right; text-align:right;} .header-top .social .follow {display:inline-block; vertical-align: middle; padding-right:15px;} .header-top .social .menu-social-container {display:inline-block;vertical-align: middle;} .social ul li {display:inline-block;} .social ul li a {display: block; width:21px; height:20px; background:url(images/social.png) no-repeat;} .social ul li:nth-child(1) a {background-position: 0 0;} .social ul li:nth-child(2) a {background-position: -33px 0;} .social ul li:nth-child(3) a {background-position: -66px 0;} .social ul li:nth-child(4) a {background-position: -100px 0;} .social ul li:nth-child(1) a:hover {background-position: 0 -29px;} .social ul li:nth-child(2) a:hover {background-position: -33px -29px;} .social ul li:nth-child(3) a:hover {background-position: -66px -29px;} .social ul li:nth-child(4) a:hover {background-position: -100px -29px;} #masthead .site-branding .logo {margin:18px 0; float:left;} #masthead .site-branding .contact {float:right; text-align:left; margin-top:5px; width:470px;} #masthead .site-branding .contact .new-section {float:right;} #masthead .site-branding .contact .new-section2 {float:left; margin-top:25px;} #masthead .site-branding .contact p a.pnum { font:22px Arial; font-weight:bold; color:#202020; background:url(images/phone.png) no-repeat left center; padding-left:30px;} #masthead .site-branding .contact p a.pemail { font-size:15px; font-weight:bold; color:#212121; background:url(images/mail.png) no-repeat left center; padding-left:30px; letter-spacing:1.3px;} #masthead .navigation {height:62px; box-shadow:0px 0px 8px #666; border-bottom:1px solid #fff; background: #0175b4; background: -moz-linear-gradient(top, #0175b4 0%, #013d79 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0175b4), color-stop(100%,#013d79)); background: -webkit-linear-gradient(top, #0175b4 0%,#013d79 100%); background: -o-linear-gradient(top, #0175b4 0%,#013d79 100%); background: -ms-linear-gradient(top, #0175b4 0%,#013d79 100%); background: linear-gradient(to bottom, #0175b4 0%,#013d79 100%);} #masthead .navigation ul {text-align:center; margin:0 auto; padding-top:18px;} #masthead .navigation ul li {display:inline-block; border:none; vertical-align: middle; } #masthead .navigation ul li a {height:27px; line-height: 27px; display:block; font-size:14px; font-weight:600; color:#fff; text-transform: uppercase; border-right:1px solid #0180CB; padding:0 25px;} #masthead .navigation ul li ul li a{ height: auto!important; } #masthead .navigation ul li a:hover, #masthead .navigation ul li.current-menu-item a {color:#fff; text-shadow:1px 1px 0px #000;} #masthead .navigation ul li:last-child a {border:none; padding-right:0;} #masthead .navigation ul li:first-child a {padding-left:0;} .sub-menu {position: absolute; bottom:-165px; left:0; z-index: 100000; background:#01aef0; box-shadow:1px 0px 8px #666; } .sub-menu li {display:block !important; border-bottom:1px solid #0180CB !important; padding:0 10px !important;} #masthead .navigation ul.sub-menu li a{border-right:none !important;padding: 0 5px !important;} #footer-navigation .sub-menu,#footer-navigation button{ display: none; } #wprmenu_bar {box-shadow:0px 0px 8px #666; border-bottom:1px solid #fff; background: #0175b4; background: -moz-linear-gradient(top, #0175b4 0%, #013d79 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0175b4), color-stop(100%,#013d79)); background: -webkit-linear-gradient(top, #0175b4 0%,#013d79 100%); background: -o-linear-gradient(top, #0175b4 0%,#013d79 100%); background: -ms-linear-gradient(top, #0175b4 0%,#013d79 100%); background: linear-gradient(to bottom, #0175b4 0%,#013d79 100%);} #banner {background: url(images/grey.jpg) no-repeat center bottom; padding-bottom:85px; position: relative; color:#fff; margin:0 auto;} #banner .widget:nth-child(2) {width:100%; max-width:690px; background:rgba(1,61,121, 0.96); border:1px solid #01AEF0; margin:0 auto; min-height:200px; text-align:center; position: absolute; bottom:25px; left:0; right:0; padding:25px 0;} #banner .shadow {display:block; height:25px; background: url(images/shadow.png) no-repeat center; position: absolute; bottom:0; left:0; right:0; margin:0 auto; width:100%; max-width:692px; } #banner h2 {font-size:22px; font-weight:600; } #banner h4 {font-weight:500; font-size:27px; margin-top:5px; } #banner h4:before {content:""; display:inline-block; width:172px; height:1px; background:#01AEF0; margin-right:5px; vertical-align: middle;} #banner h4:after {content:""; display:inline-block; width:172px; height:1px; background:#01AEF0; margin-left:5px; vertical-align: middle;} #banner h3 {font:46px 'Racing Sans One';} #banner .est {display:block; width:230px; height:37px; background: url(images/free-estimate.png); margin:10px auto 0;} #banner .metaslider {margin:0 auto;} #banner:after {content:url(images/banner-after.jpg); display:block; position: absolute;left:0; right:0; margin:0 auto; bottom:-32px; width:63px; height:32px; } #content {padding:55px 5px; min-height:350px;} #content h1 {color:#212121; font-size:27px; font-weight:700; text-align:center; text-transform: uppercase;} #content h1:after {display:block; width:52px; height:9px; content:""; background: #01AEF0; margin:5px auto 0; } #content h3, #content .blue {font-size:18px; color:#003D79; font-weight:700; padding-bottom:5px;} #content p {font-size:15px; color:#1F1F1F; line-height:20px; margin-bottom:25px;} #content .rm {display: inline-block; vertical-align: middle; margin-top:6px; margin-right:10px; border-right:1px solid #ccc; padding-right:15px;} #content p.num {display:inline-block; vertical-align: middle; width:239px; height:37px; border-radius: 4px; background: #01aef0; font:22px Arial; color:#fff; font-weight:bold; line-height:37px; } #content p.num span:before {content:url(images/phone.png); padding:0 15px;} .readmore {display:inline-block; width:155px; height:37px; background: url(images/readmore.png) no-repeat center; border-radius: 4px; border:1px solid transparent;} .readmore:hover {border:1px solid #01aef0;} #content .contact-form {margin:0 auto; text-align: center; width:100%; max-width:690px;} #content .contact-form input { width:100%; max-width:296px; height:38px; border:1px solid #01AEF0; background: #013D79; margin-bottom:13px; font-size:15px; color:#fff;} #content .contact-form span:nth-of-type(even) {margin-left:13px;} #content .contact-form textarea { font-size:15px; color:#fff; width:100%; max-width:605px; border:1px solid #01AEF0; background: #013D79; margin-bottom:13px; height:74px; } #content .contact-form input[type="submit"] {width:155px; height:37px; border-radius:7px; background:#01AEF0; line-height: 37px; color:#fff; padding:0; margin-left:10px; border:1px solid #2EC5FE;} #content strong {font-weight: 700;} #services {background:url(images/grey.jpg) no-repeat center bottom, url(images/services.jpg) repeat-y center fixed; text-align: center; margin:0 auto; padding:20px 0 30px; position: relative;} #services .row{ max-width:1300px;} #services h2 {font-weight:600; color:#fff; font-size:39px; padding-bottom:15px; } #services h2:before {display:block; width:52px; height:9px; content:""; background: #01AEF0; margin:5px auto;} #services .widget {width:303px; height:525px; background:url(images/cm-bg.png) no-repeat center top; display:inline-block; vertical-align: top; position: relative; margin:0 7px;background-size: 100% 100%} #services .widget h3 {position: absolute; top:105px; left:0; right:0; text-align:center; color:#fff; font-size:20px; font-weight:300;} #services .widget img {position: absolute; top:140px; left:0; right:0;} #services .widget .readmore {bottom:0; position: absolute; left:0; right:0; margin:0 auto; border:1px solid #01aef0;} #services .widget .readmore:hover {border:1px solid #fff;} #services:after {content:url(images/banner-after.jpg); display:block; position: absolute;left:0; right:0; margin:0 auto; bottom:-32px; width:63px; height:32px; } #services .widget p {color: #fff;font-size: 14px; text-align: left; line-height: 120%} #services .widget .widget_sp_image-description {position: absolute;top: 325px;padding: 0 10px;min-height: 190px;} #gallery {padding:65px 5px 30px;} #gallery .widget_text {display:inline-block; width:48%; vertical-align: top; } #gallery .widget_text p {color:#1F1F1F; font-size:15px; line-height:25px;} #gallery .widget_text p span {font-size:18px; color:#003D79; font-weight:700;} #gallery .widget_sp_image {display:inline-block; width:48%; vertical-align: top; margin-left:2%;} #gallery .widget_text:last-child {width:100%; float:none; text-align:center; font-size:18px; color:#003D79; font-weight: 700; margin-top:15px;} #testimonials {background: url(images/testimonials.jpg) repeat-y center top; text-align: center; margin:0 auto; padding:40px 0 35px; } #testimonials .widget {width:48%; display: inline-block; vertical-align: top;} #testimonials .widget h3 {font-size:39px; color:#fff; font-weight:600;} #testimonials .widget h3:before {display:block; width:52px; height:9px; content:""; background: #01AEF0; margin:5px auto;} #testimonials .widget p {font: 18px Arial; font-weight: 300; color:#fff;} #testimonials .widget p span {display:block; color:#00ACF0; margin-top:10px;} #testimonials .widget .readmore {margin-top: 15px;} #testimonials .testi {background: url(images/testi-right.png) no-repeat right bottom, url(images/testi-left.png) no-repeat left top ; padding:0 20px;} #colophon {text-align: center; margin:0 auto;} #colophon #contact {background:url(images/footer-top.jpg) repeat-y center top; min-height: 386px; padding-top:50px; text-align:left;} #colophon #contact h3 {font-size:39px; font-weight:600; color:#fff; padding-bottom:20px;} #colophon .contact-form {float:left; width:100%; max-width:690px;} #colophon .contact-form input { width:100%; max-width:296px; height:38px; border:1px solid #01AEF0; background: #013D79; margin-bottom:13px; font-size:15px; color:#fff;} #colophon .contact-form span:nth-of-type(even) {margin-left:13px;} #colophon .contact-form textarea { font-size:15px; color:#fff; width:100%; max-width:605px; border:1px solid #01AEF0; background: #013D79; margin-bottom:13px; height:74px; } #colophon .contact-form input[type="submit"] {width:155px; height:37px; border-radius:7px; background:#01AEF0; line-height: 37px; color:#fff; padding:0; margin-left:10px; border:1px solid #2EC5FE;} #colophon .contact-info {float:right;} #colophon .contact-info p {color:#fff; padding-left:30px; font-size: 15px; margin:25px 0;} #colophon .contact-info .address {background: url(images/loc.png) no-repeat left center; } #colophon .contact-info .number {background: url(images/mail2.png) no-repeat left center; font-size:25px; font-weight: 300;} #colophon .contact-info .email {background: url(images/phone2.png) no-repeat left center;} #colophon .social ul li a {display: block; width:28px; height:28px; background:url(images/social-big.png) no-repeat; margin:0 5px;} #colophon .social ul li:nth-child(1) a {background-position: 0 0;} #colophon .social ul li:nth-child(2) a {background-position: -44px 0;} #colophon .social ul li:nth-child(3) a {background-position: -88px 0;} #colophon .social ul li:nth-child(4) a {background-position: -132px 0;} #colophon .social ul li:nth-child(1) a:hover {background-position: 0 -32px;} #colophon .social ul li:nth-child(2) a:hover {background-position: -44px -32px;} #colophon .social ul li:nth-child(3) a:hover {background-position: -88px -32px;} #colophon .social ul li:nth-child(4) a:hover {background-position: -132px -32px;} #colophon .site-info {background:#000; border-top:3px solid #fff; padding:18px 0;} #footer-navigation {text-align: center;} #footer-navigation ul li {display:inline-block; border-right:1px solid #333333; } #footer-navigation ul li a {height:27px; line-height: 27px; display: inline-block; padding:0; font-weight:600; color:#fff; font-size:14px; text-transform: uppercase; padding:0 45px;} #footer-navigation ul li:first-child a {padding-left: 0;} #footer-navigation ul li:last-child a {padding-right: 0;} #footer-navigation ul li:last-child {border:none;} #footer-navigation ul li a:hover {color:#01aef0;} #colophon .site-info h6 {font-size:12px; color:#01AEF0; font-weight:400; padding:20px 0 0; letter-spacing: 2px;} .logo{ text-align: center!important; margin:0 0 0 60px; } .logo .widget.widget_sp_image { display: inline-block; vertical-align: top; } .logo img{ float: none; margin:10px 25px; max-height: 83px; } .logos {display:inline-block; width:auto !important; height:90px !important; position:initial !important; padding:5px 10px 0 } /*next gen gallery*/ #ngg-gallery-122-1,#ngg-gallery-114-1{ text-align: center;} #ngg-gallery-122-1 .ngg-gallery-thumbnail-box,#ngg-gallery-114-1 .ngg-gallery-thumbnail-box{ float: none; display: inline-block; margin: 0 auto} @media (max-width:960px){ #masthead .navigation ul li a {padding:0 46px;} #colophon .contact-form {float:none; margin:0 auto; max-width: 100%; text-align: center} #colophon .contact-info {float:none; margin:0 auto; width:100%; max-width:300px; margin-top:45px;} #footer-navigation ul li a {padding:0 40px;} } @media (max-width:800px){ #masthead .navigation ul li a {padding:0 42px;} .logo { margin: 0; } .logo .widget.widget_sp_image { display: inline-block; vertical-align: top; } .logo img { float: none; width: auto; } } @media (max-width:768px){ #banner .widget:nth-child(2) {padding:5px 0; min-height:10px;} #banner h2 {font-size:16px;} #banner h4 {font-size:20px;} #banner h3 {font-size:30px;} #gallery .widget_text {display:block; width:100%;} #gallery .widget_sp_image {display:block; width:100%; margin:0 auto; text-align: center;} #testimonials .widget {width:100%; display:block; margin-bottom:15px;} #testimonials {padding:20px 0} .img1 {float:none !important; margin-right:auto !important; margin-left:auto !important; display:block;} .sub-menu {position: initial !important; background: none !important;} .sub-menu li {padding:0 !important; border:none !important;} } @media (max-width:740px){ #footer-navigation ul li a {padding:0 15px;} } @media (max-width:690px){ #banner .widget:nth-child(2) {position: relative; bottom:initial;} #banner {padding:0 0 25px;} #services .widget {margin:0 auto;} #masthead .site-branding {margin:0 auto; text-align:center;} #masthead .site-branding .logo {float:none;} #masthead .site-branding .contact {float:none; text-align:center; margin:0 auto;} .logo img { margin: 10px 5px; } } @media (max-width:620px){ #colophon .contact-form span:nth-of-type(even), #content .contact-form span:nth-of-type(even) {margin-left:0;} #colophon .contact-form input, #content .contact-form input {max-width:100%;} .logo img { width: 95%; } } @media (max-width:510px){ #content .rm {display: block; margin-top:6px auto 0; text-align:center; border:none;} #content p.num {display:block; margin:0 auto;} } @media (max-width:580px){ #footer-navigation ul li{ border: none;} #footer-navigation ul li a{ padding:5px !important} } @media (max-width:490px){ #masthead .site-branding .contact .new-section, #masthead .site-branding .contact .new-section2 { float: none; } #masthead .site-branding .contact .new-section .new-center { margin: 10px auto; } } @media (max-width:480px){ #banner h4:before, #banner h4:after {display:none;} } @media (max-width:450px){ #masthead .header-top p:first-child {float:none; text-align:center;} .header-top .social {float:none; text-align:center;} #masthead .site-branding .contact { width: 100%; } } @media (max-width:360px){ #banner h3 {font-size:25px;} }