/* Theme Name: Tel Hi Author: Derek Ashauer Author URI: http://www.buchanandesign.com */ @import url('https://fonts.googleapis.com/css?family=Roboto:400,700'); /* Resets */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 120%; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input { vertical-align: middle; } input[type="submit"] { cursor: pointer; } /* WordPress required styles */ .alignright { float: right; margin: 0 0 10px 25px; } .alignleft { float: left; margin: 0 25px 10px 0; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 0px solid #ddd; text-align: left; background-color: #fff; padding-top: 0px; margin: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 3px; border-radius: 0px; font-size: 10px !important;} .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 10px !important; line-height: 17px; padding: 0 4px 5px; margin: 0; color: #0091b3 !important;} .wp-caption-text { font-size: 10px !important; line-height: 17px; padding: 0 4px 5px; margin: 0; color: #0091b3 !important;} /* ----------------------------------- */ /* COMMON /* ----------------------------------- */ body { background: #FFF; text-align: center; } p, div, li, h1, h2, h3, h4, td, th, input, select, textarea { font: normal 14px/1.48 "Roboto", sans-serif; color: #333333; } p, h1, h2, h3, h4, section ul, section ol, section table { margin-bottom: 15px; } a img, :link img, :visited img { border: none } a { color: #0091b3; text-decoration: none; } a:hover { color: #98242a; } div.clear { clear: both; overflow: hidden; height: 1px; } input { vertical-align: middle; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } .gfield { margin-left: 0 !important; } .container { width: 100%; max-width: 1170px; margin: 0 auto; text-align: left; position: relative; } .button { border: 1px solid #000; padding: 5px 20px; background: #0091b3; color: #FFF; text-transform: uppercase; font-family: "freight-micro-pro", serif; } a.arrow { text-decoration: none; padding-right: 15px; background: transparent url(images/link-arrow.png) right center no-repeat; text-transform: uppercase; font-size: 12px; font-weight: bold; } a.arrow-back { padding: 3px 3px 3px 20px; background: #0091b3 url(images/link-arrow-left.png) 5px 6px no-repeat; color: #FFF; text-transform: uppercase; font-size: 12px; font-weight: bold; display: block; text-decoration: none; } .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; margin: 0 0 30px 0; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ----------------------------------- */ /* TOP /* ----------------------------------- */ #header { } #logo { float: left; margin: 20px 0 0 0; } #donate { float: right; margin-left: 10px; } #donate a { display: block; border-radius: 0 0 5px 5px; background: #74c4d6; color: #FFF; text-decoration: none; padding: 6px 24px; line-height: 1; font-family: "freight-micro-pro", serif; } #donate a span { font-size: 26px; background: transparent url(images/heart.png) right center no-repeat; padding-right: 30px; } #donate a:hover { background-color: #707070; } #newslink { float: right; margin-left: 30px; } #newslink a { display: block; border-radius: 0 0 5px 5px; background: #98252B; color: #FFF; text-decoration: none; padding: 6px 24px; line-height: 1; font-family: "freight-micro-pro", serif; } #newslink a span { font-size: 26px; } #newslink a:hover { background-color: #707070; } #follow { float: right; padding: 15px 0 0 30px; margin-left: 30px; } #follow p { font-family: "freight-micro-pro", serif; font-size: 14px; color: #666666; font-style: italic; margin: 0; } #header nav { float: right; margin: 15px 0 0 0; } #header nav li { list-style: none; float: left; margin-left: 28px; text-transform: uppercase; font-size: 15px; padding: 0 0 7px 0; } #header nav li a { color: #707070; text-decoration: none; display: block; } #header nav li a:hover, #header nav li:hover a, #header nav li.current_page_ancestor > a { color: #E2231A; } #header nav li { position: relative; } #header nav li .sub-menu { left: -9999em; position: absolute; z-index: 100; background: rgba(152,37,43,.9); padding: 7px 0; } #header nav li:hover > .sub-menu { left: 0; top: 29px; } #header nav li .sub-menu li { float: none; border: none; background: none; margin: 0; padding: 0; } #header nav li .sub-menu a { display: block; color: #FFF; background: none; padding: 5px 15px; white-space: nowrap; height: auto; line-height: 1.2; text-transform: uppercase; } #header nav li .sub-menu a:hover, #header nav li .sub-menu li:hover { background: #E2231A; } #header nav li .sub-menu li:hover .sub-menu { background: rgba(266,35,26,.9); left: 100%; top: 0; } #header nav li .sub-menu li:hover .sub-menu li:hover { background: none; } #header nav li .sub-menu li:hover .sub-menu a { text-transform: none; } #header nav li .sub-menu li:hover .sub-menu a:hover { color: #74C4D6; background: none; } #mobile-menu { display: none; } /* ----------------------------------- */ /* HOME /* ----------------------------------- */ .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; left: 0; } .bx-wrapper { position: relative; margin: 0; } .bx-wrapper .bx-controls { position: relative; right: 0; top: -50px; z-index: 999; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; text-align: center; } .bx-wrapper .bx-pager.bx-default-pager a { background: transparent; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; border-radius: 50%; border: 2px solid #FFF; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #FFF; } #slideshow li img { width: 100%; height: auto; position: relative; z-index: 1; } #slideshow li .slide-container { position: absolute; z-index: 10; top: 0; left: 0; height: 100%; width: 100%; } #slideshow li .slide-content-container { max-width: 1170px; margin: 0 auto; height: 100%; } #slideshow li .slide-content { max-width: 400px; height: 100%; padding: 0 30px; text-align: left; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .slide-content p { line-height: 1.1; } .slide-content p.headline { font-family: "freight-micro-pro", serif; font-size: 44px; color: #FFF; font-weight: bold; padding: 70px 0 0 0; } .slide-content p.subheadline { font-size: 24px; color: #FFF; font-weight: bold; margin-bottom:30px;} .slide-content a { background: #E2231A; border-radius: 5px; color: #FFF; text-decoration: none; padding: 6px 17px; } .slide-content a:hover { background: #FFF; color: #E2231A; } #buttons { padding: 25px 0; } #buttons ul { display: flex; justify-content: space-evenly; align-items: center; } #buttons li { list-style: none; text-align: center; position: relative; } #buttons li img { position: relative; z-index: 1; max-width: 150px; height: auto; } #buttons li:hover img { filter: grayscale(100%); } #buttons li a { position: absolute; z-index: 10; left: 0; top: 0; display: block; width: 100%; height: 100%; font-size: 22px; font-weight: bold; font-family: "freight-micro-pro", serif; text-transform: uppercase; color: #FFF; text-decoration: none; line-height: 1.1; } #buttons li a span { display: block; position: relative; top: 50%; transform: translateY(-50%); } #welcome { background: transparent url(images/patternpanel.png) center center repeat; padding: 40px 0; } #welcome-content { width: 30%; float: left; } #welcome h1 { font-size: 36px; color: #FFF; font-family: "freight-micro-pro", serif; line-height: 1.1; } #welcome p { font-size: 18px; color: #FFF; } #welcome-video { width: 65%; float: right; } #latest { padding: 40px 0; } #latest h2 { font-size: 28px; color: #E2231A; font-family: "freight-micro-pro", serif; line-height: 1.1; margin: 0; } #latest p.all a { color: #0091B3; font-size: 14px; text-transform: uppercase; text-decoration: none; } #news { width: 70%; float: left; } #news li { list-style: none; float: left; width: 30%; margin: 0 0 0 5%; } #news li:first-child { margin-left: 0; } #news li img { margin: 0 0 10px 0; max-width: 100%; height: auto; } #news p { margin: 0 0 7px 0; font-size: 16px; } #news p.post-title { color: #037C98; font-size: 20px; font-weight: bold; } #events { width: 25%; float: right; } #events li { list-style: none; margin: 0 0 20px 0; } #events li .date { color: #0091B3; font-size: 16px; text-transform: uppercase; font-weight: bold; } #events li .title { color: #333333; font-size: 20px; font-weight: bold; line-height: 1.1; } #events li a { text-transform: uppercase; font-size: 14px; } /* ----------------------------------- */ /* SUB PAGES /* ----------------------------------- */ /* #page-header { margin: 0 0 25px 0; background: #0091b3; padding: 35px 40px 20px 75px; border-radius: 0 0 0 75px; } #page-header h1 { font-size: 45px; font-family: "freight-micro-pro", serif; color: #FFF; line-height: 1; } #crumb { font-size: 13px; color: #FFF; } #crumb a { color: #FFF; text-decoration: none; } #crumb a:hover { text-decoration: underline; } */ #page-header { background: #0091B3; } #page-header .container { padding: 60px 0; } #page-header.big { height: 400px; position: relative; } #page-header-image { position: absolute; left: 0; top: 0; width: 100%; z-index: 0; height: 100%; background-position: center top; background-size: cover; } #page-header-container { max-width: 1170px; margin: 0 auto; height: 100%; position: relative; z-index: 10; } #page-header-content { max-width: 400px; height: 100%; padding: 0 30px; text-align: left; background-color: rgba(0,145,179,.9); } #page-header-content h1 { position: relative; top: 50%; transform: translateY(-50%); text-align: center; } #page-header h1 { font-size: 44px; color: #FFF; font-family: "freight-micro-pro", serif; margin: 0; line-height: 1; } #page-header.big h1 img { display: block; margin: 0 auto 15px auto; } #main { padding: 60px 0; } #main.container { max-width: 770px; } #main.two-col.container { max-width: 1170px; } #main.two-col #content { float: left; width: 74%; } #content img { max-width: 100%; height: auto; } #content li { margin-left: 25px; } #content h2, #content h2 a, #content h1 { font-size: 32px; font-family: "freight-micro-pro", serif; font-weight: normal; color: #E2231A; text-decoration: none; line-height: 1.1; } #content h3 { font-size: 20px; font-family: "freight-micro-pro", serif; font-weight: bold; color: #333333; text-transform: none; line-height: 1.1; margin-top: 30px; margin-bottom:10px;} #content h4 { font-size: 17px; font-family: "freight-micro-pro", serif; font-weight: bold; color: #000000; text-transform: none; line-height: 1.1; margin-top: 30px; margin-bottom:10px;} #content p.highlight { font-size: 20px; font-family: "freight-micro-pro", serif; } #content iframe { margin: 0 0 30px 0; } #landingpage { font-size: 18px; font-family: "freight-micro-pro", serif; color: #333333; line-height: 1.5; } #landingpage p { font-size: 18px; font-family: "freight-micro-pro", serif; color: #333333; line-height: 1.5; margin-top:20px;} #landingpage li { font-size: 18px; font-family: "freight-micro-pro", serif; color: #333333; line-height: 1.5; margin-top:5px;} #landingpage li a:link { text-decoration:none;} #grouppage h3 {margin-top:0px;} .archive-title {font-size:20px !important; color:#0091b3 !important; text-transform:uppercase;} #content a.important { display: block; margin: 5px 0; background: #74C4D6; padding: 10px 20px; border-radius: 4px; color: #FFF; text-align: center; text-transform: uppercase; font-size: 16px; } #content a.important:hover { background: #E2231A; } aside { float: right; width: 23%; } aside ul li { list-style: none; padding: 6px 0; line-height: 1.1; } aside ul li a { font-weight: bold; color: #0091b3; text-transform: uppercase; text-decoration: none; } aside ul li.current_page_item a, aside ul li.current_page_parent a:hover, aside ul li a:hover, aside ul li.current_page_item li a:hover, aside ul li.current_page_parent li.current_page_item a, .single-tribe_events aside ul li.page-item-59 a { color: #a53f44; } aside ul li li { margin-left: 20px; list-style: disc; color: #ccc; border: none; padding: 4px 0 0 0; } aside ul li li a, aside ul li.current_page_item li a, aside ul li.current_page_parent li a { color: #333333; text-transform: none; } aside ul li ul { display: none; } aside ul li.current_page_item ul, aside ul li.current_page_ancestor ul, aside ul li.current_page_parent ul { display: block; } aside .widget { margin: 0 0 50px 0; } aside .widget h2 { font-weight: bold; color: #0091b3; font-family: "freight-micro-pro", serif; text-transform: uppercase; text-decoration: none; } aside #submenu { background: #DBF9FF; padding: 15px 25px; } aside #submenu p.title { font-family: "freight-micro-pro", serif; color: #E2231A; font-size: 24px; } aside #submenu ul li a { font-size: 16px; text-transform: uppercase; } #headersubhead {font-size: 24px; text-transform:uppercase; font-family:"Roboto";} #buttonamount a {padding: 8px 20px; margin: 0 5px; background-color: #8c181e; border-radius: 3px; color:#ffffff !important; font-size:20px;} #buttonamount a:hover {padding: 8px 20px; margin: 0 5px; background-color: #0091B3; border-radius: 3px; color:#ffffff;} /* Staff */ #content .people li { list-style: none; width: 32%; margin: 0 0 40px 2%; float: left; text-align: center; } #content .people li:nth-child(3n+1) { margin-left: 0; clear: left; } #content .people li li { width: 100%; list-style: none; margin: 0 0 0 15px !important; } #content .people li img { border-radius: 50%; max-width: 225px; height: auto; } #content .people li h4 { font-weight: bold; margin: 0; } #content .people li p.title { margin: 0; } .bio { display: none; text-align: left; padding: 50px; } .person-header { margin: 0 0 30px 0; } .person-header img { float: left; margin: 0 30px 30px 0; border-radius: 50%; width: 200px; height: auto; } .person-header h1 { font-family: "freight-micro-pro", serif; font-size: 24px; font-weight: bold; color: #98242a; padding-top: 30px; line-height: 1.1; margin-bottom: 0; text-transform:none; } .person-header li { margin-left: 15px; } /* Video / Photos */ #content .media li { list-style: none; width: 32%; margin: 0 0 40px 2%; float: left; position: relative; } #content .media li:nth-child(3n+1) { margin-left: 0; clear: left; } #content .media li h3 { font-weight: bold; font-size: 16px; color: #333333; margin: 0; text-transform: none; font-family: "Arial"; margin: 0; } #content .media li p { margin: 0; } #content .media li .icon { display: block; width: 30px; height: 30px; position: absolute; top: 10px; left: 10px; background: transparent url(images/icon-video.png) 0 0 no-repeat; z-index: 999; } #content .media li.photo .icon { background-image: url(images/icon-photo.png); } #content .media li .gallery-links { display: none; } .video-popup, .gallery-popup { background: #FFF; display: none; padding: 50px !important; text-align: left !important; } .video-popup iframe { margin: 0 0 30px 0; } .galleria { width: 100%; max-width: 700px; height: 400px; margin: 0 0 30px 0; } .galleria .galleria-container { background: #FFF; } /* News */ aside#archives .widget { margin: 0 0 20px 0; } aside#archives h2 { list-style: none; font-family: "freight-micro-pro", serif; text-transform: uppercase; color: #0091b3; margin: 0 0 5px 0; padding: 0 0 5px 0; } aside#archives ul { margin: 0 0 20px 0; } aside#archives li { margin: 0; font-family: "Arial", serif; text-transform: none; list-style: none; } aside#archives li a { color: #333333; text-decoration: none; } aside#archives select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; display: block; width: 100%; padding: 5px 35px 5px 10px; border-radius: 0; background: #ededed url(images/down.png) right 10px center no-repeat; } .blog #content, .single-post #content, .archive.category #content, .archive.date #content { width: 55%; } .blog #content article.post { margin: 0 0 40px 0; } .blog #content article.post img { max-width: 140px; height: auto; float: left; } .blog #content article.post h2, .blog article.post p { margin-left: 155px; } .blog #content article.post h2 { font-size: 20px; } p.post-data { margin-top: -15px; margin-bottom: 5px; font-weight: bold; } /* Events */ #content .tribe-events-list .tribe-events-loop .tribe-event-featured { background: none; } #content .tribe-events-list .tribe-events-event-image { float: left; width: 150px; } .event-info { margin-left: 170px; } #content .event-info h3 { margin: 0; } #content .event-info h3 a { color: #98242a; } #content .tribe-events-loop .tribe-events-event-meta { clear: none; } #content .tribe-events-loop .tribe-events-content { float: none; clear: none; } #content .tribe-events-loop .tribe-events-content p { font-size: 13px; } #content .tribe-events-single h2 { margin: 0; line-height: 1; } #content .tribe-events-single .tribe-events-schedule p { font-weight: bold; font-size: 20px; } #content .tribe-events-event-image { float: left; width: 30%; } #content .tribe-events-single-event-description { float: right; width: 65%; } #content .tribe-events-list .tribe-events-loop .tribe-event-featured { padding: 0; } #content .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-meta { color: #000; font-weight: bold; } #content .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-list-event-description a { color: #0091b3; } #content .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-list-event-description a:hover { color: #000; } #content .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-image { margin: 0; } /* Forms */ .gform_wrapper { background: #ececec; padding: 20px 30px; } /* Mission Bay Interest Form*/ #gform_wrapper_5 {background: #fff; padding: 0;} #gform_wrapper_5 .gform_title {color:#E2231A; font-size:28px; font-weight: normal; padding-bottom:10px;} #gform_wrapper_5 .top_label .gfield_label {color: #0091B3; font-weight: lighter; letter-spacing:1px;} #gform_5 .gform_body .line {margin:30px 0px; border-top: 1px solid #74C4D6;} #gform_5 .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {padding: 10px 40px; border:none; letter-spacing: 1px;} /* Profiles */ #recent-profiles h3 { text-transform: none; font-size: 28px; color: #0091b3; font-weight: bold; } #recent-profiles h3 span { font-family: "Arial", serif; color: #000; padding-left: 20px; font-size: 14px; font-weight: normal; } #featured-profile { background: #e0e0e0; padding: 20px 5%; } #content #featured-profile h4 { font-weight: bold; font-family: "freight-micro-pro", serif; color: #98242a; font-size: 20px; margin-top: 0; } #recent-profiles h4 { text-transform: uppercase; font-weight: normal; } #content #recent-profiles li { clear: left; list-style: none; margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #CCC; } #content #recent-profiles li:first-child { border: none; } #recent-profiles li img { float: left; width: 100px; height: auto; margin: 0 0 15px 0; } #recent-profiles li h5, #recent-profiles li p { margin-left: 125px; } #recent-profiles li h5 a { color: #0091b3; font-family: "freight-micro-pro", serif; font-weight: bold; font-size: 18px; text-decoration: none; } /* Program */ #program-events { border: 1px solid #CCCCCC; padding: 15px 20px; } #program-events li { list-style: none; border-top: 1px solid #CCCCCC; padding: 10px 0; } #program-events li .date { font-size: 16px; font-weight: bold; color: #0091B3; text-transform: uppercase; } #program-events h3 { color: #E2231A; font-size: 24px; font-family: "freight-micro-pro", serif; line-height: 1.2; } #program-people { background: #EDEDED; padding: 50px 0; } #program-people .container { text-align: center; } #program-people h2 { text-align: center; font-family: "freight-micro-pro", serif; color: #E2231A; font-size: 32px; margin: 0 0 40px 0; } #program-people li { list-style: none; width: 21%; margin: 0 2% 40px 2%; display: inline-block; vertical-align: top; text-align: center; } #program-people li img { border-radius: 50%; max-width: 100%; height: auto; } #program-people li h4 { font-weight: bold; margin: 0; } #program-people li p.title { margin: 0; } #footer-image { background-size: cover; background-position: center; height: 400px; } /* Taste */ #tastesub {display:none;} /* ----------------------------------- */ /* BOTTOM/FOOTER /* ----------------------------------- */ #ads ul { display: flex; align-items: stretch; } #ads li { list-style: none; width: calc( 100% / 3 ); text-align: left; } #ads li a { display: block; text-decoration: none; padding: 20px 30px; } #ads li:nth-child( 1 ) { background: #037C98; } #ads li:nth-child( 2 ) { background: #0091B3; } #ads li:nth-child( 3 ) { background: #01A6CC; } #ads li:hover { background: #333333; } #ads li img { max-width: 150px; height: auto; float: left; margin: 0 0 20px 0; border-radius: 50%; } #ads li p { font-size: 16px; margin: 0 0 4px 170px; } #ads li p.title { line-height: 1.1; font-size: 22px; margin-top: 30px;} #ads li a, #ads li p { color: #FFF; } #newsletter { padding: 15px 0; background: #98252B; font-family: "freight-micro-pro", serif; font-size: 24px; color: #FFF; } #newsletter span { display: inline-block; margin-right: 15px; } #newsletter input[type="text"] { border: 0; padding: 5px 13px; margin: 0; border-radius: 0; -webkit-appearance: none; font-size: 18px; } #newsletter input[type="submit"] { padding: 5px 13px; color: #FFF; background: #E2231A; border: 0; border-radius: 0; -webkit-appearance: none; font-size: 18px; } #footer { padding: 30px; background: #dbf9ff; } #footer #col-contact { width: 30%; float: left; } #footer #col-contact, #footer #col-contact p { color: #666666; } #footer nav { width: 65%; float: right; } #footer nav > ul { margin: 0 0 40px 0; } #footer nav li { width: 25%; float: left; text-transform: uppercase; font-weight: bold; list-style: none; } #footer nav li li { width: 100%; float: none; text-transform: none; font-weight: normal; } #footer nav a { color: #666666; text-decoration: none; } #footer nav a:hover { color: #999; } #copyright { clear: both; text-align: center; padding: 15px 0 20px 0; border-top: 1px solid #74C4D6; } #copyright, #copyright p, #copyright a { color: #666666; text-decoration: none; font-size: 13px; } /* ----------------------------------- */ /* FANCYBOX WINDOWS /* ----------------------------------- */ #popup { background: #FFF; text-align: left; padding: 50px; } .fancybox-wrap, .fancybox-wrap iframe, #popup, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image { border-radius: 0 0 0 75px; } .youtube-iframe { border-radius: 0 !important; } /* ----------------------------------- */ /* WOOCOMMERCE /* ----------------------------------- */ .post-type-archive-product #page-header h1 { padding-top: 120px; background: url(images/program_HiLogo.png) center top / auto no-repeat; } .woocommerce #main.container { max-width: 1170px; } .woocommerce #main ul.products li.product, .woocommerce .related ul.products li.product { text-align: center; margin-left: 0; } .woocommerce #main ul.products li.product h2.woocommerce-loop-product__title, .woocommerce .related ul.products li.product h2.woocommerce-loop-product__title { font-size: 32px; font-family: "freight-micro-pro", serif; color: #0091B3; padding: 0; } .woocommerce #main ul.products li.product a img, .woocommerce .related main ul.products li.product a img { margin: 0 0 10px 0; } .woocommerce #main ul.products li.product .price, .woocommerce .related ul.products li.product .price { font-size: 24px; color: #666; } .woocommerce #main .button, .woocommerce .related ul.products li.product .button { margin: 0; color: #FFF; border-radius: 5px; } .woocommerce .products li img { border: 1px solid #CCC; } .single-product #main.container { max-width: 970px; } .woocommerce-product-gallery__image { border: 1px solid #CCC; margin-bottom: 10px; } .related { background: #EDEDED; padding: 50px; } .related > h2 { font-family: "freight-micro-pro", serif; font-size: 32px; color: #E2231A; } .woocommerce .related ul.products { max-width: 1170px; margin: 0 auto; } .woocommerce .related ul.products li.product { float: none; display: inline-block; } .woocommerce .related ul.products li.product img { border: 1px solid #CCC; } #content li.first { margin-left: 0; } #content .shipping_calculator { text-align: right; } #content .shipping_calculator h2 a { font-size: 16px; } /* ----------------------------------- */ /* PAGE BUILDER /* ----------------------------------- */ #pb { text-align: left; } /* ----------------------------------- */ /* MOBILE /* ----------------------------------- */ @media screen and (max-width: 1170px) { .container { width: 90%; padding-left: 5%; padding-right: 5%; } #logo { margin: 25px 0; } #mobile-menu { float: right; clear: right; display: block; color: #707070; font-size: 26px; } #mobile-menu:hover { color: #b4dfe7; } #header nav > ul { display: none; } .nav-open #header nav { float: none; clear: both; } .nav-open #header nav > ul { display: block; } #header nav li { width: 100%; border-top: 1px solid #FFF; padding: 0; margin: 0; font-size: 20px; } #header nav li a { border-radius: 0 !important; display: block; background: #98d2dd; padding: 7px 0; text-align: center; color: #FFF; } #header nav li ul.sub-menu { position: static; display: none; border-radius: 0; width: 100%; padding: 5px 0; top: 0; } #header nav li ul.sub-menu li a { padding: 4px 0; } #header nav li ul.sub-menu.active { display: block; } #buttons ul { flex-wrap: wrap; } #ads li { text-align: center; } #ads li img { float: none; margin: 0 0 0px 0; } #ads li p { margin: 0 0 15px 0; } } @media screen and (max-width: 940px) { #slideshow li img { width: 100%; height: auto; position: relative; z-index: 1; } #slideshow li .slide-container { position: static; height: auto; } #slideshow li .slide-content-container { height: auto; } #slideshow li .slide-content { max-width: 90%; height: auto; padding: 30px 5% 70px 5%; text-align: center; background: #0091B3; } .slide-content p.headline { font-size: 36px; padding: 0; } .slide-content a { background: #E2231A; border-radius: 5px; color: #FFF; text-decoration: none; padding: 6px 17px; } .slide-content a:hover { background: #FFF; color: #E2231A; } #news, #events { float: none; width: 100%; } #news li { margin-bottom: 40px; } #events { margin-top: 40px; } #events li { list-style: none; float: left; width: 30%; margin: 0 0 0 5%; } #events li:first-child { margin-left: 0; } } @media screen and (max-width: 650px) { #donate { float: right; margin: 0 0 0 10px; border-radius: 0 0 5px 5px; text-align: center;} #donate a { padding: 10px 12px; } #donate a span { font-size: 16px; font-weight: normal; background: none; padding-right: 0; } #newslink { float: right; margin: 0 0 0 10px; border-radius: 0 0 5px 5px; text-align: center; } #newslink a { padding: 10px 12px; } #newslink a span { font-size: 16px; font-weight: normal; } #follow { float:right; padding-left:0; margin-left:0; padding-top:12px;} #mobile-menu { font-size: 36px; margin-top: 30px; } #buttons ul { display: block; } #buttons li { margin: 0 0 5px 0; } #buttons li img { display: none; } #buttons li a { position: static; display: block; font-size: 24px; padding: 7px 0; border-radius: 5px; } #buttons li a span { position: static; transform: translateY(0%); } #button1 a { background: #E46486; } #button2 a { background: #F28B00; } #button3 a { background: #F3CE00; } #button4 a { background: #B5BE00; } #button5 a { background: #55C1E9; } #button6 a { background: #B7B4D6; } #button7 a { background: #A0672E; } #buttons li a:hover { background: #707070 !important; } #welcome-content, #welcome-video { float: none; width: 100%; } #welcome-content { margin-top: 40px; } #ads ul { display: block; } #ads li { list-style: none; width: 100%; clear: both; text-align: left; margin: 0; } #ads li:before, #ads li:after { content: " "; display: table; } #ads li:after { clear: both; } #ads li:after { *zoom: 1; } #ads li img { float: left; max-width: 100px; height: auto; } #ads li p { margin-left: 120px; } #ads li p.title { line-height: 1.1; font-size: 18px; margin-top: 0px;} #latest h2, #latest p.all { text-align: center; } #news li, #events li { width: 100%; float: none; margin: 0 0 30px 0; text-align: center; } #newsletter span { display: block; margin: 0 0 7px 0; } #footer #col-contact { width: 100%; float: none; margin: 0 0 30px 0; } #footer nav { width: 100%; } #footer nav li { width: 44%; margin: 0 0 30px 12%; } #footer nav li li { margin: 0; } #footer nav li:nth-child( 2n+1 ) { clear: left; margin-left: 0; } #copyright span { display: none; } #copyright a { display: block; } #content, aside { width: 100% !important; margin: 0 0 30px 0; } #content .people li { width: 49%; margin: 0 0 40px 2%; } #content .people li:nth-child(3n+1) { margin-left: 2%; } #content .people li:nth-child(2n+1) { margin-left: 0; } #content .media li { width: 49%; margin: 0 0 40px 2%; } #content .media li:nth-child(3n+1) { margin-left: 2%; } #content .media li:nth-child(2n+1) { margin-left: 0; } .blog #content article.post img { max-width: 100%; height: auto; float: none; } .blog #content article.post h2, .blog article.post p { margin-left: 0; } #footer-image { height: 200px; } #page-header.big { height: auto; position: relative; } #page-header.big #page-header-image { position: static; width: 100%; height: 200px; } #page-header.big #page-header-container { height: auto; position: static; } #page-header.big #page-header-content { max-width: 100%; padding: 50px 5%; text-align: left; background-color: rgba(0,145,179,.9); } #page-header.big #page-header-content h1 { position: static; transform: translateY(0); } #page-header.big #page-header h1 { font-size: 36px; } #page-header h1 { text-align: center; } #program-people li { list-style: none; width: 45%; margin: 0 2% 40px 2%; display: inline-block; text-align: center; } #events li .title {font-size: 18px; } h1 img {max-width:80%; height:auto;} } @media screen and (max-width: 480px) { #content .tribe-events-list .tribe-events-event-image { float: none; } .event-info { margin-left: 0; } #content .people li, #program-people li { width: 100%; margin: 0 0 40px 0 !important; text-align: center; } #content .people li h4, #content .people li p, #content .people li li { text-align: left; } #content .people li img { width: 75%; text-align: center; } #content .media li { width: 100%; margin: 0 0 40px 0%; } #content .tribe-events-event-image, #content .tribe-events-single-event-description { float: none; width: 100%; margin: 0 0 30px 0; } .galleria { height: 250px; } .woocommerce #main ul.products li.product { width: 100%; margin: 0 0 40px 0; } }