/* Theme Name: Semple 2016 Description: A custom Bootstrap v3.3.5 responsive theme design for WordPress v4.4 for Jeff Semple. Version: 2016.01.15 Author: COSO Media Author URI: http://www.cosomedia.com/; */ body { font-size:15px; background:#2B2E36; } .span { display:block; margin:0; height:auto; width:100%; } header.header { padding:10px 0; text-align:center; color:#ffffff; } header.header .logo { display:inline-block; margin:15px 0; max-width:100%; height:auto; } header.header .logotype { font-family:"Oswald"; text-transform:uppercase; font-size:52px; color:#ffffff; text-shadow:1px 1px #16171b, 2px 2px #16171b, 3px 3px #16171b, 4px 4px #16171b, 5px 5px #16171b; } header.header .logotype:hover { text-decoration:none; } header.header .logo img { display:block; margin:15px 0; max-width:100%; height:auto; } header.header .header-extras { text-align:center; } header.header ul.social { margin:10px 0; padding:0; list-style:none; text-align:center; display:inline-block; } header.header ul.social li { display:inline-block; padding:0 10px 0 0; margin:0; line-height:1; float:left; } header.header ul.social li a { color:#c5c1c0; font-size:25px; } header.header ul.social li a:hover { color:#ffffff; } header.header .contact { padding:10px 0; font-size:21px; } header.header .contact .pre-phone { color:#777; }a header.header .contact .phone { font-weight:bold; } header.header .btn { margin-bottom:20px; } header.header .btn span { opacity:0.35; } header.header .button-shell a.btn { display:block; font-size:18px; } header.header .button-shell a.btn i { display:inline-block; margin-right:5px; } nav.navbar { background:#4873A6; margin:0; z-index:999; padding:8px 0; border-top:1px #bbb solid !important; border-radius:0; border:none; margin-bottom:0; -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); } nav.navbar .navbar-nav>li>a { padding:10px 18px; color:#CDE3FB; } nav.navbar .navbar-nav>.active>a, nav.navbar .navbar-nav>.active>a:focus, nav.navbar .navbar-nav>.active>a:hover { color:#232323; background-color:#ffffff; } nav.navbar .nav>li>a:focus, nav.navbar .nav>li>a:hover { text-decoration:none; background-color:#306095; color:#ffffff; } nav.navbar .dropdown-menu>li>a { color:#333; padding:8px 18px 8px 30px !important; } nav.navbar .dropdown-menu>li>a:focus, nav.navbar .dropdown-menu>li>a:hover, nav.navbar .dropdown-menu>.active>a, nav.navbar .dropdown-menu>.active>a:focus, nav.navbar .dropdown-menu>.active>a:hover { color:#fff; text-decoration:none; background-color:#337ab7; } nav.navbar .nav .open>a, nav.navbar .nav .open>a:focus, nav.navbar .nav .open>a:hover { background-color:#00447A; color:#ffffff; } nav.navbar .navbar-toggle span { background:#333; } nav.navbar .navbar-toggle:hover { background:#00447A; color:#fff; } nav.navbar .navbar-toggle:hover span { background:#fff; } aside.hero { background:#4E535F; border-top:20px #2B2E36 solid; } aside.hero img { max-width:100%; height:auto; display:block; } aside.hero .carousel-caption { right:15%; bottom:20px; left:15%; padding-top:20px; padding-bottom:20px; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.6); } aside.hero .carousel-caption { color:#44423f; text-shadow:none; } aside.hero .carousel-caption h3 { font-size:44px; } aside.hero .carousel-caption p { font-size:25px; } div.page-title h1 { font-family:"Oswald"; text-transform:uppercase; color:#ffffff; margin:0; padding:20px 0; } div.page-title h1 i { color:#4873A6; } div.main { background:#ffffff; } div.main .canvas { margin:60px 0; } div.main .content { color:#6f6a65; } div.main .content h1, div.main .content h2, div.main .content h3, div.main .content h4, div.main .content h5, div.main .content h6 { color:#4873A6; font-family:"Oswald"; } div.main .content h1 { font-size:36px; margin-bottom:30px; } div.main .content h2 { font-size:30px; } div.main .content h3 { font-size:26px; } div.main .content h4 { font-size:21px; } div.main .content h5 { font-size:18px; } div.main .content h6 { font-size:16px; } div.main .content p { margin:0 0 20px 0; } div.main .content blockquote { margin:0; padding:0; border:0; } div.main .content ul { list-style:disc; display:block; margin:5px 0 20px 20px; padding:0 0 0 20px; } div.main .content ul ul { list-style:circle; margin-bottom:0; } div.main .content ul ul ul { list-style:square; margin-bottom:0; } div.main .content ul ul ul ul { list-style:circle; margin-bottom:0; } div.main .content ol { list-style:decimal; margin:0 0 20px 20px; padding:0 0 0 20px; } div.main .content ol ol { list-style:lower-alpha; margin-bottom:0; } div.main .content ol ol ol { list-style:lower-roman; margin-bottom:0; } div.main .content ol ol ol ol { list-style:lower-alpha; margin-bottom:0; } div.main .content ol.terms { list-style:upper-alpha; } div.main .content .post-full .post-meta { color:#aaaaaa; border:1px #ddd solid; padding:10px; margin:0 0 20px 0; border-left:none; border-right:none; } div.main .content .post-full .post-meta p { margin:0; } div.main .content .post-full .post-thumbnail { margin:0 0 30px 0; } div.main .content .post-list-item { margin-bottom:30px; padding-bottom:30px; border-bottom:1px #eee solid; } div.main .content .post-list-item h3 { margin:0 0 5px 0; } div.main .content .post-list-item a img:hover { opacity:0.75; } div.main .content .post-list-item .post-meta { color:#999999; padding:5px 0; margin:0; border-left:none; border-right:none; } div.main .content .post-list-item .post-meta p { margin:0; } div.main .content .testimonial { background:#f8f8f8; border:1px #ddd solid; border-left:10px #4873A6 solid; padding:30px; margin:0 0 30px 0; -webkit-box-shadow:5px 5px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow:5px 5px 10px 0px rgba(0,0,0,0.15); box-shadow:5px 5px 10px 0px rgba(0,0,0,0.15); } div.main .content .testimonial blockquote { font-weight:normal; font-size:16px; margin-bottom:10px; } div.main .content .testimonial .cite { display:block; text-align:right; font-style:italic; color:#4873A6; } div.main .content .testimonial .cite .name { font-style:normal; font-weight:bold; } div.main .content .video { margin:0 0 40px 0; } div.main .sidebar .widget { padding:20px 0; border-bottom:1px #ccc dotted; } div.main .sidebar .widget:first-of-type { padding-top:0; } div.main .sidebar .widget:last-of-type { border-bottom:none; } div.main .sidebar .widget h4 { font-size:21px; color:#777372; } div.main .sidebar .widget_recent_news_plus { margin:0; padding:0; list-style:none; } div.main .sidebar .widget_recent_news_plus li { margin:0; padding:20px 0; } div.main .sidebar .widget_recent_news_plus li:first-of-type { padding:5px 0 20px 0; } div.main .sidebar .widget_recent_news_plus li:last-of-type { padding:20px 0 25px 0; } div.main .sidebar .widget_recent_news_plus li h5 { margin:0 0 5px 0; padding:0; line-height:1.3; font-size:16px; } div.main .sidebar .widget_recent_news_plus li .date { display:block; color:#999999; margin:0 0 5px 0; font-size:12px; text-transform:uppercase; } div.main .sidebar .widget_recent_news_plus li p { margin:0; padding:0; } div.main .sidebar .widget_recent_news_plus li .thumb a { background-size:102%; background-position:center center; background-repeat:no-repeat; display:block; border:4px #928f8c solid; border-radius:10px; width:100%; margin:0 0 5px 0; } div.main .sidebar .widget_recent_news_plus li .thumb a:hover { background-size:150%; border-color:#306095; } div.main .sidebar .widget_recent_news_plus li .thumb a img { visibility:hidden; } footer.footer .copyright { padding:25px 15px; } footer.footer .copyright p { text-align:center; font-size:11px; color:#bdbdbd; padding:0; margin:0; } footer.footer .copyright p a { color:#eaeaea; } .red { text-align:center; color:red; } .frm_required { color:red; } .is-error { border-color:red; } .frm_ajax_loading { display:none; } .btn { text-decoration:none !important; } .btn-blue, .btn-blue:visited { color:#fff; background-color:#306095; border-color:#244d7b; } .btn-blue.active, .btn-blue.focus, .btn-blue:active, .btn-blue:focus, .btn-blue:hover, .open>.dropdown-toggle.btn-blue { color:#fff; background-color:#244d7b; border-color:#1c416a; } .btn-white, .btn-white:visited { color:#555; background-color:#ffffff; border-color:#ccc; } .btn-white.active, .btn-white.focus, .btn-white:active, .btn-white:focus, .btn-white:hover, .open>.dropdown-toggle.btn-white { color:#111; background-color:#eeeeee; border-color:#999; } .mfp-iframe-holder .mfp-close { top:-40px !important; } @media print { a[href]:after { content: none !important; } } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { header.header .button-shell { display:inline-block; } header.header .button-shell a.btn span, header.header .button-shell a.btn i { display:inline } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { header.header { text-align:left; } header.header .header-extras { text-align:right; } .navbar-nav .open .dropdown-menu>li>a { padding:5px 15px 5px 25px !important; } nav.navbar .navbar-nav>li>a { padding:10px 15px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { nav.navbar .navbar-nav>li>a { padding:10px 18px; } } /* Mobile Nav Triggered on Small Devices & Lower */ @media (max-width: 992px) { .navbar-header { float: none;} .navbar-left,.navbar-right { float:none !important; } .navbar-toggle { display:block; } .navbar-collapse { border-top:1px solid transparent; box-shadow:inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-fixed-top { top:0; border-width:0 0 1px; } .navbar-collapse.collapse { display:none!important; } .navbar-nav { float: none!important; margin-top:7.5px; } .navbar-nav>li { float:none; } .navbar-nav>li>a { padding-top:10px; padding-bottom:10px;} .collapse.in { display:block !important; } .navbar-nav .open .dropdown-menu { position:static; float:none; width:auto; margin-top:0; background-color:transparent; border:0; -webkit-box-shadow:none; box-shadow:none; } } /* WordPress Core */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Programmed by Bart Steed @ COSO Media */