/* =================================================================== * * Hola v1.0 Base Stylesheet * 10-02-2017 * ------------------------------------------------------------------ * * TOC:* # Normalize * # Basic/base setup styles * ## Media * ## Typography resets * ## links * ## inputs * # grid * ## medium size devices * ## tablets * ## mobile devices * ## small mobile devices * # block grids * ## medium size devices * ## tablets * ## mobile devices * ## small mobile devices * # MISC * * =================================================================== *//* =================================================================== * # normalize * normalize.css v5.0.0 | MIT License | * github.com/necolas/normalize.css * * ------------------------------------------------------------------- */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,footer,header,nav,section{display:block;}h1{font-size:2em;margin:0.67em 0;}figcaption,figure,main{display:block;}figure{margin:1em 40px;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;-webkit-text-decoration-skip:objects;}a:active,a:hover{outline-width:0;}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:inherit;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}dfn{font-style:italic;}mark{background-color:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}audio,video{display:inline-block;}audio:not([controls]){display:none;height:0;}img{border-style:none;}svg:not(:root){overflow:hidden;}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{display:inline-block;vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details,menu{display:block;}summary{display:list-item;}canvas{display:inline-block;}template{display:none;}[hidden]{display:none;}/* =================================================================== * # basic/base setup styles - (_basic.scss) * * ------------------------------------------------------------------- */html{font-size:62.5%;box-sizing:border-box;}*,*::before,*::after{box-sizing:inherit;}body{font-weight:normal;line-height:1;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:none;}body,input,button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}/* ------------------------------------------------------------------- * ## Media - (_basic.scss) * ------------------------------------------------------------------- */img,video{max-width:100%;height:auto;}/* ------------------------------------------------------------------- * ## Typography resets - (_basic.scss) * ------------------------------------------------------------------- */div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:auto;-webkit-font-smoothing:antialiased;-webkit-font-variant-ligatures:common-ligatures;-moz-font-variant-ligatures:common-ligatures;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility;}em,i{font-style:italic;line-height:inherit;}strong,b{font-weight:bold;line-height:inherit;}small{font-size:60%;line-height:inherit;}ol,ul{list-style:none;}li{display:block;}/* ------------------------------------------------------------------- * ## links - (_basic.scss) * ------------------------------------------------------------------- */a{text-decoration:none;line-height:inherit;}a img{border:none;}/* ------------------------------------------------------------------- * ## inputs - (_basic.scss) * ------------------------------------------------------------------- */fieldset{margin:0;padding:0;}input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;}/* =================================================================== * # grid - (_grid.scss) * * ------------------------------------------------------------------- */.row{width:94%;max-width:1200px;margin:0 auto;}.row:after{content:"";display:table;clear:both;}.row .row{width:auto;max-width:none;margin-left:-20px;margin-right:-20px;}/* column blocks * -------------------------------------- */[class*="col-"]{float:left;}[class*="col-"] + [class*="col-"].end{float:right;}[class*="col-"]{padding:0 20px;}/* column width classes * -------------------------------------- */.col-one{width:8.33333%;}.col-two,.col-1-6{width:16.66667%;}.col-three,.col-1-4{width:25%;}.col-four,.col-1-3{width:33.33333%;}.col-five{width:41.66667%;}.col-six,.col-1-2{width:50%;max-width:600px;}@media (max-width:680px){.col-six{padding-right:5px;padding-left:5px;}}.col-seven{width:58.33333%;}.col-eight,.col-2-3{width:66.66667%;}.col-nine,.col-3-4{width:75%;}.col-ten,.col-5-6{width:83.33333%;}.col-eleven{width:91.66667%;}.col-twelve,.col-full{width:100%;}/* ------------------------------------------------------------------- * ## medium size devices - (_grid.scss) * ------------------------------------------------------------------- */@media only screen and (max-width:1200px){.row .row{margin-left:-15px;margin-right:-15px;} [class*="col-"]{padding:0 15px;} .md-two,.md-1-6{width:16.66667%;} .md-one{width:8.33333%;} .md-three,.md-1-4{width:25%;} .md-four,.md-1-3{width:33.33333%;} .md-five{width:41.66667%;} .md-six,.md-1-2{width:50%;} .md-seven{width:58.33333%;} .md-eight,.md-2-3{width:66.66667%;} .md-nine,.md-3-4{width:75%;} .md-ten,.md-5-6{width:83.33333%;} .md-eleven{width:91.66667%;} .md-twelve,.md-full{width:100%;}}/* ------------------------------------------------------------------- * ## tablets - (_grid.scss) * ------------------------------------------------------------------- */@media only screen and (max-width:800px){.row{width:90%;} .tab-1-4{width:25%;} .tab-1-3{width:33.33333%;} .tab-1-2{width:50%;} .tab-2-3{width:66.66667%;} .tab-3-4{width:75%;} .tab-full{width:100%;}}/* ------------------------------------------------------------------- * ## mobile devices - (_grid.scss) * ------------------------------------------------------------------- */@media only screen and (max-width:600px){.row{width:auto;padding-left:25px;padding-right:25px;} .row .row{margin-left:-10px;margin-right:-10px;} [class*="col-"]{padding:0 10px;} .mob-1-4{width:25%;} .mob-1-3{width:33.33333%;} .mob-1-2{width:50%;} .mob-2-3{width:66.66667%;} .mob-3-4{width:75%;} .mob-full{width:100%;}}/* ------------------------------------------------------------------- * ## small mobile devices - (_grid.scss) * ------------------------------------------------------------------- *//* stack columns on small mobile devices * ------------------------------------------------------------------- */@media only screen and (max-width:400px){.row .row{padding-left:0;padding-right:0;margin-left:0;margin-right:0;} [class*="col-"]{width:100% !important;float:none !important;clear:both !important;margin-left:0;margin-right:0;padding:0;} [class*="col-"] + [class*="col-"].end{float:none;}}/* =================================================================== * # block grids - (_grid.scss) * ------------------------------------------------------------------- */ /** * =================================================================== * block grids - (_grid.scss) * * ------------------------------------------------------------------- */ [class*="block-"]:before,[class*="block-"]:after{content:"";display:table;} [class*="block-"]:after{clear:both;} .block-1-6 .bgrid{width:16.66667%;} .block-1-4 .bgrid{width:25%;} .block-1-3 .bgrid{width:33.33333%;} .block-1-2 .bgrid{width:50%;} /** * Clearing for block grid columns. Allow columns with * different heights to align properly. */ .block-1-6 .bgrid:nth-child(6n+1),.block-1-4 .bgrid:nth-child(4n+1),.block-1-3 .bgrid:nth-child(3n+1),.block-1-2 .bgrid:nth-child(2n+1){clear:both;} /** * small screens - (_grid.scss) * --------------------------------------------------------------- */ @media screen and (max-width:1024px){.block-s-1-6 .bgrid{width:16.66667%;} 	.block-s-1-4 .bgrid{width:25%;} 	.block-s-1-3 .bgrid{width:33.33333%;} 	.block-s-1-2 .bgrid{width:50%;} 	.block-s-full .bgrid{width:100%;clear:both;} 	[class*="block-s-"] .bgrid:nth-child(n){clear:none;} 	.block-s-1-6 .bgrid:nth-child(6n+1),.block-s-1-4 .bgrid:nth-child(4n+1),.block-s-1-3 .bgrid:nth-child(3n+1),.block-s-1-2 .bgrid:nth-child(2n+1){clear:both;} } /** * tablets - (_grid.scss) * --------------------------------------------------------------- */ @media screen and (max-width:768px){.block-tab-1-6 .bgrid{width:16.66667%;} 	.block-tab-1-4 .bgrid{width:25%;} 	.block-tab-1-3 .bgrid{width:33.33333%;} 	.block-tab-1-2 .bgrid{width:50%;} 	.block-tab-full .bgrid{width:100%;clear:both;} 	[class*="block-tab-"] .bgrid:nth-child(n){clear:none;} 	.block-tab-1-6 .bgrid:nth-child(6n+1),.block-tab-1-4 .bgrid:nth-child(4n+1),.block-tab-1-3 .bgrid:nth-child(3n+1),.block-tab-1-2 .bgrid:nth-child(2n+1){clear:both;} } /** * large mobile devices - (_grid.scss) * --------------------------------------------------------------- */ @media screen and (max-width:600px){.block-mob-1-6 .bgrid{width:16.66667%;} 	.block-mob-1-4 .bgrid{width:25%;} 	.block-mob-1-3 .bgrid{width:33.33333%;} 	.block-mob-1-2 .bgrid{width:50%;} 	.block-mob-full .bgrid{width:100%;clear:both;} 	[class*="block-mob-"] .bgrid:nth-child(n){clear:none;} 	.block-mob-1-6 .bgrid:nth-child(6n+1),.block-mob-1-4 .bgrid:nth-child(4n+1),.block-mob-1-3 .bgrid:nth-child(3n+1),.block-mob-1-2 .bgrid:nth-child(2n+1){clear:both;} } /** * stack on small mobile devices - (_grid.scss) * --------------------------------------------------------------- */ @media screen and (max-width:400px){.stack .bgrid{width:100% !important;float:none !important;clear:both !important;margin-left:0;margin-right:0;} }/* Equally-sized columns define at row level * ------------------------------------------------------------------- */[class*="block-"]:after{content:"";display:table;clear:both;}.block-1-6 .col-block{width:16.66667%;}.block-1-5 .col-block{width:20%;}.block-1-4 .col-block{width:25%;}.block-1-3 .col-block{width:33.33333%;}.block-1-2 .col-block .bgrid{width:50%;}/** * Clearing for block grid columns. Allow columns with * different heights to align properly. */.block-1-6 .col-block:nth-child(6n+1),.block-1-5 .col-block:nth-child(5n+1),.block-1-4 .col-block:nth-child(4n+1),.block-1-3 .col-block:nth-child(3n+1),.block-1-2 .col-block:nth-child(2n+1){clear:both;}/* ------------------------------------------------------------------- * ## medium size devices - (_grid.scss) * ------------------------------------------------------------------- */@media only screen and (max-width:1200px){.block-m-1-6 .col-block{width:16.66667%;} .block-m-1-5 .col-block{width:20%;} .block-m-1-4 .col-block{width:25%;} .block-m-1-3 .col-block{width:33.33333%;} .block-m-1-2 .col-block{width:50%;} .block-m-full .col-block{width:100%;clear:both;} [class*="block-m-"] .bgrid:nth-child(n){clear:none;} .block-m-1-6 .col-block:nth-child(6n+1),.block-m-1-5 .col-block:nth-child(5n+1),.block-m-1-4 .col-block:nth-child(4n+1),.block-m-1-3 .col-block:nth-child(3n+1),.block-m-1-2 .col-block:nth-child(2n+1){clear:both;}}/* ------------------------------------------------------------------- * ## tablets - (_grid.scss) * ------------------------------------------------------------------- */@media only screen and (max-width:800px){.block-tab-1-6 .col-block{width:16.66667%;} .block-tab-1-5 .col-block{width:20%;} .block-tab-1-4 .col-block{width:25%;} .block-tab-1-3 .col-block{width:33.33333%;} .block-tab-1-2 .col-block{width:50%;} .block-tab-full .col-block{width:100%;clear:both;} [class*="block-tab-"] .bgrid:nth-child(n){clear:none;} .block-tab-1-6 .col-block:nth-child(6n+1),.block-tab-1-6 .col-block:nth-child(5n+1),.block-tab-1-4 .col-block:nth-child(4n+1),.block-tab-1-3 .col-block:nth-child(3n+1),.block-tab-1-2 .col-block:nth-child(2n+1){clear:both;}}/* ------------------------------------------------------------------- * ## mobile devices - (_grid.scss) * ------------------------------------------------------------------- */@media only screen and (max-width:600px){.block-mob-1-6 .col-block{width:16.66667%;} .block-mob-1-5 .col-block{width:20%;} .block-mob-1-4 .col-block{width:25%;} .block-mob-1-3 .col-block{width:33.33333%;} .block-mob-1-2 .col-block{width:50%;} .block-mob-full .col-block{width:100%;clear:both;} [class*="block-mob-"] .bgrid:nth-child(n){clear:none;} .block-mob-1-6 .col-block:nth-child(6n+1),.block-mob-1-5 .col-block:nth-child(5n+1),.block-mob-1-4 .col-block:nth-child(4n+1),.block-mob-1-3 .col-block:nth-child(3n+1),.block-mob-1-2 .col-block:nth-child(2n+1){clear:both;}}/* ------------------------------------------------------------------- * ## small mobile devices - (_grid.scss) * ------------------------------------------------------------------- *//* stack columns on small mobile devices * ------------------------------------------------------------------- */@media only screen and (max-width:400px){.stack .col-block{width:100% !important;float:none !important;clear:both !important;margin-left:0;margin-right:0;}}/* =================================================================== * # MISC - (_grid.scss) * * ------------------------------------------------------------------- */.group:after{content:"";display:table;clear:both;}/* Misc Helper Styles * -------------------------------------- */.is-hidden{display:none;}.is-invisible{visibility:hidden;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.overflow-hidden{overflow:hidden;}.remove-bottom{margin-bottom:0;}.half-bottom{margin-bottom:1.5rem !important;}.add-bottom{margin-bottom:3rem !important;}.no-border{border:none;}.full-width{width:100%;}.text-center{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}.pull-left{float:left;}.pull-right{float:right;}.align-center{margin-left:auto;margin-right:auto;text-align:center;}