style.css

/*!
Theme Name: Vine
Theme URI: http://bryanorozco.com/
Author: Bryan Orozco
Author URI: http://bryanorozco.com/
Description: Vine WordPress Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vine
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

Vine is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body,button,input,select,optgroup,textarea{color:#404040;font-family:"Roboto",sans-serif;font-size:12.8px;font-size:.8rem;line-height:1.5}@media screen and (min-width: 767px){body,button,input,select,optgroup,textarea{font-size:16px;font-size:1rem}}h1,h2,h3,h4,h5,h6{clear:both;font-family:"Open Sans",sans-serif}p{margin-bottom:1.5em}dfn,cite,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:15px;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:15px;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{background:#fff9c0;text-decoration:none}big{font-size:125%}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}body{background:#fff}h1,h2,h3{text-transform:uppercase}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ul,ol{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ul,li>ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:bold}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}figure{margin:0}table{margin:0 0 1.5em;width:100%}button,input[type="button"],input[type="reset"],input[type="submit"]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0,0,0,0.8);font-size:12px;font-size:.75rem;line-height:1;padding:.6em 1em .4em}button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa}button:active,button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus{border-color:#aaa #bbb #bbb}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#111}select{border:1px solid #ccc}textarea{width:100%}a{-webkit-transition:all 0.25s;transition:all 0.25s;color:#e75252}a:hover,a:focus,a:active{color:#191970}a:focus{outline:thin dotted}a:hover,a:active{outline:0}.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{float:left;width:50%}.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{float:right;text-align:right;width:50%}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.6);box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:14px;font-size:.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}#content[tabindex="-1"]:focus{outline:0}.site-content{-webkit-transition:-webkit-transform .28s, opacity .28s;-webkit-transition:opacity .28s, -webkit-transform .28s;transition:opacity .28s, -webkit-transform .28s;transition:transform .28s, opacity .28s;transition:transform .28s, opacity .28s, -webkit-transform .28s}.home .hero{-webkit-transition:all 0.25s;transition:all 0.25s}.home .hero .sermon-description{-webkit-transition:all 0.25s;transition:all 0.25s}article,.header-graphic,.header-img{-webkit-transition:all 0.25s;transition:all 0.25s}.slide-out .home .hero{height:60vh}.slide-out .home .hero .sermon-description{bottom:-90px}.slide-out .header-img{top:60vh}.slide-out .header-graphic{opacity:0}.slide-out article{-webkit-transform:translate3d(0, 100px, 0);transform:translate3d(0, 100px, 0);opacity:0}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{content:"";display:table;table-layout:fixed}.clear:after,.entry-content:after,.comment-content:after,.site-content:after,.site-footer:after{clear:both}.site-content{padding:1em}@media (min-width: 1200px){.site-content{padding:2em}}.site-main{min-height:100vh}.header-graphic{background-size:cover !important;background-position:100% !important;height:60vh;opacity:1;margin:-2em -2em 0em}.header-image{max-height:60vh;overflow:hidden}.header-image img{display:block;width:100vw}.site-header{position:fixed;z-index:10;right:0;left:0;top:0;padding:1em;margin:0 2em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:"Open Sans",sans-serif;color:#fff;background:rgba(0,0,0,0.2);-webkit-transition:all 0.25s;transition:all 0.25s}.site-header.scroll{margin:0;background:#fff;border-bottom:solid 4px #000}.site-header.scroll li:not(.menu-item-has-children) a{color:#000}@media screen and (min-width: 1200px){.site-header{padding:1em 2em}}.site-branding{max-width:150px}.site-menu{margin-right:20px;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:block;text-align:right}.site-menu img{width:30px}.site-title{margin:0;padding:0;font-size:1.6em;font-weight:900;line-height:1em}.site-title a{color:white;text-decoration:none}.site-title a:hover,.site-title a:focus{color:#e75252}.site-description{margin:0;font-size:.9em;font-style:italic;font-weight:100}#site-navigation a:hover{color:#e75252}#site-navigation .current_page_item a{color:#e75252}@media screen and (min-width: 480px){.site-menu{display:none}}@media screen and (min-width: 900px){.site-branding{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;width:20%}#site-navigation{width:70%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}#site-navigation ul li{margin:0px 10px}}.main-navigation{display:block;font-family:"Open Sans",sans-serif;font-weight:400;clear:left}.main-navigation ul{display:none;list-style:none;margin:0;padding-top:1em;padding-left:0}.main-navigation ul ul{display:none;top:1.5em;z-index:99999}.main-navigation ul ul ul{top:0}.main-navigation ul ul li{padding-left:1em}.main-navigation ul ul li:hover>ul,.main-navigation ul ul li.focus>ul{left:100%}.main-navigation ul ul a{width:200px;color:#fff !important}.main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul{left:auto}.main-navigation li{position:relative}.main-navigation a{display:inline-block;width:100%;padding:.5em 1em .5em 0;text-decoration:none;color:#fff;text-transform:uppercase;font-weight:600}.main-navigation .menu-item-has-children,.main-navigation .page-item-has-children{min-width:218px;background-color:#0A1827}.main-navigation .menu-item-has-children .sub-menu,.main-navigation .page-item-has-children .sub-menu{position:absolute;background-color:#0A1827;top:auto}.main-navigation .menu-item-has-children>a,.main-navigation .page_item_has_children>a{padding-right:2em}button.dropdown-toggle{position:absolute;right:0;border:none;background:inherit;color:white;line-height:1.5em;height:100%;width:40px;background:#0A1827;border-radius:0px}button.dropdown-toggle i{font-size:25px}.menu-toggle{position:absolute;top:0;right:0;display:block;margin:1.2em 1.2em 0 0;padding:.6em .8em;font-size:80%;text-transform:uppercase;color:white;border:1px solid rgba(255,255,255,0.3)}.toggled-on ul,.sub-menu.toggled-on{display:block}@media screen and (min-width: 480px){.menu-toggle{display:none}.main-navigation .menu-item-has-children>a,.main-navigation .page_item_has_children>a{padding-right:2em;background:rgba(255,255,255,0.1)}.main-navigation ul{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.main-navigation ul ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:rgba(255,255,255,0.1);margin-left:0}.main-navigation ul ul li{padding-left:0}.main-navigation ul ul li a{width:218px;background:none}.main-navigation ul li a{padding:.4em 1em}}.mobile-navigation{display:none;position:fixed;top:0px;bottom:0px;left:0;right:0px;width:100%;height:100%;background-color:#fff;text-align:center}.mobile-navigation h2{color:black}.mobile-navigation a{text-decoration:none;text-transform:uppercase;font-size:1.5em;font-weight:600}.mobile-navigation a:hover{opacity:0.7;color:#e75252}.mobile-navigation #primary-menu{margin:0px;padding:0px}.mobile-navigation #primary-menu li{margin:20px 0px}.mobile-navigation .sub-menu{position:absolute;background-color:#0A1827;top:auto;left:0px;right:0px;margin:0px;padding:0px;height:0px;overflow:hidden}@media screen and (min-width: 480px){.mobile-navigation{display:none}}@media screen and (min-width: 900px){.main-navigation ul{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:0}}.sticky{display:block}.hentry{margin:0 0 1.5em}.updated:not(.published){display:none}.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}footer.site-footer{padding:1em;background-color:#0A1827}footer.site-footer a{color:white;text-decoration:none}@media screen and (min-width: 1200px){footer.site-footer{padding:1em 2em}}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}.custom-logo-link{display:inline-block}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:0.8075em 0}.wp-caption-text{text-align:center}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.page-template-front-page .hero{margin:-1em -1em 0 -1em;height:90vh;position:relative;overflow:hidden}@media (min-width: 1200px){.page-template-front-page .hero{margin:-2em -2em 0 -2em}}.page-template-front-page .hero .series-graphic{height:100%;background-size:cover !important}.page-template-front-page .hero .sermon-description{position:absolute;bottom:0px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#F6EDD3}@media (min-width: 900px){.page-template-front-page .hero .sermon-description{width:auto}}.page-template-front-page .hero .sermon-description .play{padding:0px 30px}.page-template-front-page .hero .sermon-description .play a{font-size:40px;display:block;color:#0A1827}.page-template-front-page .hero .sermon-description .play a:hover{color:#e75252}.page-template-front-page .hero .sermon-description .desc{padding:0px 30px;background-color:#0A1827;color:#F6EDD3;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.page-template-front-page .hero .sermon-description .desc h2{margin:10px 0px}.page-template-front-page .hero .sermon-description .desc p{margin:10px 0px}.single-series .series-graphic{background-size:cover !important;background-position:100% !important;height:60vh;margin:-2em -2em 0em}.single-series .series .series-title{text-transform:uppercase;font-size:2em}.single-series .series .series-title a{text-decoration:none;position:relative;z-index:2}@media screen and (min-width: 900px){.sermon{display:-webkit-box;display:-ms-flexbox;display:flex}}.sermon .sermon-description{-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (min-width: 900px){.sermon .sermon-description{margin-right:50px}}.sermon .sermon-description .entry-header{display:inline-block;padding:0px 20px;color:white;background-color:#0A1827}.sermon .sermon-description .entry-header h2{margin:10px 0px}.sermon .sermon-video{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;-webkit-box-flex:2;-ms-flex:2;flex:2}@media screen and (min-width: 900px){.sermon .sermon-video{padding-bottom:36.25%}}.sermon .sermon-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/*# sourceMappingURL=style.css.map */