/* Theme Name: By Hand & Eye Description: A custom theme which is built on the Bootstrap v3.3.5 responsive foundation and designed for WordPress v4.4. Version: 2016.01.01 Author: Bart Steed Author URI: http://www.bartsteed.com/; */ body { font-family:'PT Serif', serif; font-size:15px; background:#1b1b1b; } .span { display:block; margin:0; height:auto; width:100%; } header.header { text-align:center; background:url(images/header-bg-95-ffffff.png) repeat 0 0; } header.header .logo { display:inline-block; margin:15px 0; max-width:100%; height:auto; } header.header .logo img { display:block; margin:15px 0 0 0; max-width:100%; height:auto; } header.header .user-menu { margin:0 0 20px 0; } nav.navbar { margin:0; z-index:999; padding:8px 0; background:#393939; 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:#eeeeee; text-transform:uppercase; } 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:#1b1b1b; 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 { background:#fff; } nav.navbar .navbar-toggle span { background:#393939; } nav.navbar .navbar-toggle.collapsed { background:#393939; } nav.navbar .navbar-toggle.collapsed span { background:#ffffff; } div.hero { position:relative; min-height:300px; } div.hero img.img-responsive { visibility:hidden; } div.hero .hero-caption { width:74%; text-align:center; position:absolute; bottom:30px; left:14%; } div.hero .hero-caption span { font-size:30px; color:#fff; display:block; } div.main { background:#ffffff; padding:50px 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:#777372; text-transform:uppercase; } 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 .list-post-item { margin-bottom:20px; padding-bottom:10px; border-bottom:1px #eee solid; } div.main .content .list-post-item h3 { margin:0 0 5px 0; } div.main .content .list-post-item a img:hover { opacity:0.75; filter:alpha(opacity=75); } div.main .content .list-post-item .post-meta { color:#999999; padding:5px 0; margin:0; border-left:none; border-right:none; } div.main .content .list-post-item .post-meta p { margin:0; } div.main .content .list-image { max-width:240px; } div.main .content .course-list .course { padding:30px 0; border-bottom:1px #ccc solid; } div.main .content .course-list .course:first-of-type { padding-top:0; } div.main .content .course-list .course:last-of-type { border-bottom:none; } div.main .content .course-list .course-img:hover { opacity:0.75; filter:alpha(opacity=75); } div.main .content .course-list .course-details h2 { font-size:26px; } div.main .content .course-list .course-details h2 { font-size:26px; } div.main .content .course-list .course-details span { display:block; } div.main .content .comments .comment-form-author, div.main .content .comments .comment-form-email, div.main .content .comments .comment-form-url { width: 50%; } div.main .content .comments { border:1px #ddd solid; padding:30px; background:#f2f2f2; } div.main .content .comments h2 { text-transform:none; font-size:28px; } div.main .content .comments .list-unstyled { margin:0; padding:0; } div.main .content .comments .list-unstyled h4 { text-transform:none; } div.main .content .comments .list-unstyled ul { margin:0 0 20px 20px; padding:0; } div.main .content .comments .list-unstyled li { margin:0; padding:0; } div.main .content .comments .list-unstyled p { margin:0 0 10px 0; padding:0; } div.main .content .comments .list-unstyled .list-inline { margin:0; padding:5px 0; } div.main .content .comments .list-unstyled .list-inline a { font-size:13px; } div.main .content .comments .list-unstyled .comment-content { border-bottom:1px #ddd solid; } div.main .sidebar .widget { padding:20px 0; border-bottom:1px #ccc dotted; } div.main .sidebar .widget h4 { font-size:24px; margin:0 0 10px 0; text-transform:uppercase; } div.main .sidebar .widget:last-of-type { border-bottom:none; } div.main .sidebar .widget_categories ul { margin:0; padding:0; list-style:none; } div.main .sidebar .widget_categories ul li { margin:0; padding:0; } div.main .sidebar .widget_categories ul li a { padding:5px 10px; display:block; } div.main .sidebar .widget_categories ul li a:before { color:#121212; font-family:"FontAwesome"; content:"\f101"; margin-right:5px; } div.main .sidebar .widget_categories ul li a:hover { color:#ffffff; background:#252525; text-decoration:none; } div.main .sidebar .widget_categories ul li a:hover:before { color:#aaaaaa; } div.main .sidebar .callout img { max-width:100%; height:auto; margin:0 0 30px 0; } div.main .sidebar .callout img:hover { opacity:0.75; filter:alpha(opacity=75); } div.recent-posts-bar { background:#f0f0f0; padding:50px 0 0 0; } div.recent-posts-bar h4 { font-size:32px; margin:0 0 20px 0; padding:0; text-transform:uppercase; } div.recent-posts-bar .post { margin:0 0 50px 0; padding:0; text-align:center; color:#777777; } div.recent-posts-bar .post h5 { margin:0 0 5px 0; padding:0; line-height:1.3; font-size:21px; } div.recent-posts-bar .post .date { margin:0 0 5px 0; } div.recent-posts-bar .post p { margin:0; padding:0; } div.recent-posts-bar .post .thumb a { background-size:102%; background-position:center center; background-repeat:no-repeat; display:block; width:100%; margin:0 0 10px 0; } div.recent-posts-bar .post .thumb a:hover { background-size:150%; } div.recent-posts-bar .post .thumb a img { visibility:hidden; } footer.footer { padding:65px 0 0 0; background:#303030; color:#9e9d9c; } footer.footer .widget { margin:0 0 30px 0; } footer.footer .widget h4 { font-size:27px; color:#c5c1bf; margin:0 0 15px 0; text-transform:uppercase; } footer.footer ul.menu { margin:0; padding:0; list-style:none; } footer.footer ul.menu li { margin:0; padding:0; } footer.footer ul.menu li a { color:#a4a09f; padding:5px 10px; text-transform:uppercase; display:block; } footer.footer ul.menu li a:before { color:#ffffff; font-family:"FontAwesome"; content:"\f101"; margin-right:5px; } footer.footer ul.menu li a:hover { color:#ffffff; background:#252525; text-decoration:none; } footer.footer .stay-connected input[type=text], footer.footer .stay-connected input[type=email] { background:none; color:#fff; } footer.footer ul.social { margin:20px 0; padding:0; list-style:none; text-align:center; display:block; } footer.footer ul.social li { display:inline-block; padding:0 10px 0 0; margin:0; line-height:1; float:left; } footer.footer ul.social li a { color:#c5c1c0; font-size:25px; } footer.footer ul.social li a:hover { color:#ffffff; } footer.footer .feeds a, footer.footer .feeds a:visited, footer.footer .feeds a:hover, footer.footer .feeds a:active, footer.footer .feeds a:focus { color:#ffffff; text-decoration:none; } footer.footer .feeds a i { color:#ff6600; } footer.footer .feeds a:hover { opacity:0.50; } footer.footer .copyright { background:#1b1b1b; padding:25px 15px; margin-top:30px; } footer.footer .copyright p { text-align:center; font-size:11px; color:#888888; padding:0; margin:0; } .red { text-align:center; color:red; } .frm_required { color:red; } .is-error { border-color:red; } .frm_ajax_loading, .frm_hidden { 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-grey, .btn-grey:visited { color:#fff; background-color:#393939; border-color:#000000; } .btn-grey.active, .btn-grey.focus, .btn-grey:active, .btn-grey:focus, .btn-grey:hover, .open>.dropdown-toggle.btn-grey { color:#fff; background-color:#000000; border-color:#000000; } .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) { div.hero .hero-caption span { font-size:36px; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { header.header .logo img { margin:15px 0; } header.header .user-menu { margin:0; position:absolute; top:10px; right:15px; } .navbar-nav .open .dropdown-menu>li>a { padding:5px 15px 5px 25px !important; } nav.navbar .navbar-nav { display:inline-block; float:none; vertical-align:top; } nav.navbar .navbar-collapse { text-align:center; } nav.navbar .navbar-nav>li>a { padding:10px 15px; } div.hero .hero-caption span { font-size:44px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { header.header { z-index:99999; position:relative; } div.hero { max-height:600px; } div.hero .hero-caption { width:60%; text-align:center; position:absolute; bottom:40px; left:20%; } 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. */ } /* Designed & Programmed by Bart Steed */