/* Theme Name: Twenty Twenty Child Theme URI: https://graphicbob.com/ Description: A child theme of Twenty Twenty WordPress theme. Author: Robert Long Author URI: https://graphicbob.com/ Template: twentytwenty Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ @import url("../twentytwenty/style.css"); /*=================================FONTS====================================*/ /*font-family: 'PT Serif', serif;*/ /*font-family: 'Roboto', sans-serif;*/ /*=================================FONTS====================================*/ /*=================================HEADER====================================*/ body{ background:#fff; line-height:1.5; color:#000; font-family: 'PT Serif', serif; font-size:18px; } div li, p, span, small{ font-family: 'Roboto', sans-serif !important; font-size:18px; } body h1{ font-size:70px; } body h2{ font-size:57px; } body h3{ font-size:45px; } h1, h2, h3, h4, h5{ margin-bottom:15px; font-family: 'PT Serif', serif !important; letter-spacing: 1px; } a, input, button, textarea{ transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; font-family: 'PT Serif', serif !important; } a:hover, a:focus, button:focus, input:focus{ text-decoration:none; outline:none; } .container { width: 100%; max-width: 1080px; padding: 0 20px; margin: 0 auto; } .header-top { background: #000; } .header-top-left a { background: #cc2920; color: #fff; text-decoration: none; padding: 7px 21px; display: inline-block; line-height: normal; font-size: 16px; } .header-top-left a:hover { background: #fff; color: #cc2920; } .header-top .textwidget.custom-html-widget { display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; color: #fff; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; } .header-top p { font-size: 16px; margin: 0; font-family: 'Roboto', sans-serif !important; } #site-header .header-titles .site-description { display: none; } #site-header .header-toggles.hide-no-js { display: none; } header#site-header .header-inner.section-inner { width: 100%; padding: 15px 0 ; } #site-header .header-inner.section-inner .container { display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; } #site-header nav { background: #000; border-radius: 50px; padding: 0 5px; } #site-header nav ul.primary-menu { margin: 0; } #site-header nav ul li { margin: 0 0 0 10px; line-height: normal; } #site-header nav ul li:first-child { margin-left: 0; } #site-header nav ul li a { font-size: 14px; color: #fff; text-transform: uppercase; padding: 17px 4px; } #site-header nav ul li a:hover { color: #ee0b28; text-decoration:none; } #site-header nav ul > li.menu-item-has-children > a { padding-right: 2rem; } #site-header nav ul li span { color: #fff; } header.entry-header.has-text-align-center.header-footer-group , figure.featured-media{ display: none; } .primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a { text-decoration: none !important; color: #ee0b28 !important; } body:not(.overlay-header) .primary-menu ul::after, body:not(.overlay-header) .primary-menu ul::before { display: none; } body:not(.overlay-header) #site-header .primary-menu ul { background-color: transparent; box-shadow: none; left: 0; right: auto; visibility: hidden; padding: 0; width: 25rem; border-radius: 0; } body:not(.overlay-header) #site-header .primary-menu li:hover ul.sub-menu { visibility: visible; } #site-header .primary-menu ul.sub-menu li { padding: 2.8rem 0; } #site-header .primary-menu ul.sub-menu li { padding: 0; margin-top: 20px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; background: #fff; margin-left: 0; } #site-header .primary-menu ul.sub-menu li a { padding: 15px; border-bottom: 1px solid rgba(0,0,0,0.1); color:#000; } #site-header .primary-menu ul.sub-menu li a:hover { background: #cc2920; color: #fff !important; } #site-header .primary-menu > li:hover > ul li { margin-top: 0; } #site-header .primary-menu ul.sub-menu li:last-child a { border-bottom: none; } .primary-menu li.menu-item-has-children:hover > ul, .primary-menu li.menu-item-has-children:focus > ul, .primary-menu li.menu-item-has-children.focus > ul { transform: translateY(-20px); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); } .primary-menu ul li.menu-item-has-children:hover > ul, .primary-menu ul li.menu-item-has-children:focus > ul, .primary-menu ul li.menu-item-has-children.focus > ul { left: calc(100% - 6px) !important; top: 24px; right: 0 !important; } .primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor { text-decoration: none; } button.sub-menu-toggle svg { color: #000; } .menu-wrapper.section-inner { width: 100%; max-width: 100%; } .menu-top .toggle.close-nav-toggle.fill-children-current-color { padding-right: 15px; } .menu-modal.active { z-index: 999; } .menu-modal .menu-modal-inner, .menu-modal { background: #000; } .menu-modal .menu-modal-inner .mobile-menu ul li { border: none; border-bottom: 1px solid rgba(255,255,255,0.2); } .menu-modal .menu-modal-inner .mobile-menu ul li a { font-size: 12px; letter-spacing: .5px; font-weight: 700; text-transform: uppercase; text-decoration: none; color: #fff; padding: 20px 20px; font-family: 'Roboto', sans-serif !important; } .modal-menu .ancestor-wrapper { width: 100%; } .modal-menu .ancestor-wrapper button { background: #fff; height: 52px; margin: 0; } .modal-menu .sub-menu li a { padding-left: 40px !important; } .menu-modal .menu-modal-inner .mobile-menu ul li.current-menu-item, .menu-modal .menu-modal-inner .mobile-menu ul li:hover { background: #cc2920; } .menu-modal.cover-modal { transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; } .menu-modal.cover-modal.header-footer-group.show-modal.active { transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; } .menu-wrapper { flex-direction: row; } .menu-modal .modal-menu { left: 0; width: 100%; } .menu-modal .menu-top { width: 100%; } .menu-modal .menu-modal-inner .mobile-menu ul li:hover a { color: #fff; } .mobile-nav-toggle .toggle-inner { background: url("images/hamburger.png"); width: 30px; height: 30px; background-size: 100%; background-repeat: no-repeat; background-position: center center; padding: 0; margin-top:30px; } .mobile-nav-toggle .toggle-inner span { display: none; } .toggle.search-toggle.mobile-search-toggle { display: none; } .toggle.nav-toggle.mobile-nav-toggle { padding: 0; right: 15px; width: auto; } .toggle.nav-toggle.mobile-nav-toggle:focus { outline: none; } .header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle { color: #fff !important; } @media only screen and (max-width:1000px){ #site-header .site-logo img { max-height: 9rem; } #site-header .header-titles-wrapper { padding: 0; } }/*=====media close======*/ @media only screen and (max-width:767px){ .header-top .textwidget.custom-html-widget { flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; } .header-top-left { width: 100%; text-align: center; } .header-top-left a { margin-bottom: 10px; } .header-top p { font-size: 14px; margin: 0 0 10px; line-height: normal; } .mobile-nav-toggle .toggle-inner { margin-top: 80px; } }/*=====media close======*/ @media only screen and (min-width:1000px) and (max-width:1070px){ #site-header nav ul li a { font-size: 12px; } }/*=====media close======*/ /*=================================HEADER====================================*/ /*=================================Banner====================================*/ .banner-section { position: relative; overflow:hidden; } .banner-section img { width: 100%; } .banner-section .metaslider .caption-wrap { background: rgba(0,0,0,0.4); opacity: 1; width: 100%; top: 0; } .banner-section .metaslider .flexslider .flex-direction-nav li a { width: 50px; height: 50px; background-size: 100% !important; background-repeat: no-repeat !important; } .banner-section .metaslider .flexslider .flex-direction-nav li.flex-nav-next a { background: url("images/right-arrow-banner.png"); } .banner-section .metaslider .flexslider .flex-direction-nav li.flex-nav-prev a { background: url("images/left-arrow-banner.png"); } .banner-section .metaslider .flex-control-nav { bottom: -70px; -webkit-transition: all .3s ease; -moz-transition: opacity .25s ease-in-out; transition: all .3s ease; opacity:0; } .banner-section .metaslider:hover .flex-control-nav { bottom: 40px; opacity:1; } .banner-section .metaslider .flex-control-nav li a.flex-active { background: #ee0b28; } .banner-section .metaslider .flex-control-nav li a { background: rgba(255,255,255,0.6); } .banner-section .flexslider { margin-bottom: 0 !important; } /*=================================Banner====================================*/ /*=================================Home====================================*/ .mission-vision-section { background: url("images/hands-bg.png"); background-color: #ffffff; background-repeat: repeat-x; background-position: center bottom; padding-bottom: 40px; } .mission-vision-section .container { display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; } .mission-vision-section .mv-box-section { background-repeat: no-repeat; background-size: cover; background-position: center center; background-color:#000000; width: 31%; min-height: 380px; border-bottom-left-radius: 230px; border-bottom-right-radius: 230px; border-top-left-radius: 17px; border-top-right-radius: 17px; position:relative; overflow:hidden; margin-top: -30px; } .mission-vision-section .mv-box-section::after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("images/vl-img3.png") no-repeat 0 0; background-color:#000000; background-size: cover; mix-blend-mode: multiply; -webkit-mix-blend-mode: multiply; -moz-mix-blend-mode: multiply; background-position: center center; } .mv-box-section::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: red; opacity: 0.5; mix-blend-mode: color-dodge; } .mv-box-content-inner { padding-top: 50px; } .mv-box-content { padding: 0 30px; position: relative; z-index: 99; text-align: center; } .mv-box-content h2 { padding: 0 25px; margin-bottom: 0; } .mv-box-content h2 a { color: #fff; text-align: center; display: inline-block; font-size: 32px; text-decoration: none; line-height: 1; } .mission-vision-section .mv-box-content-inner p { color: #fff; line-height: normal; font-size: 16px; font-family: 'Roboto', sans-serif !important; } .sharing-section { position: relative; background-size: cover; background-color: #000000; padding: 40px 0 60px; background-repeat: no-repeat; background-position: center center; } .sharing-section img { filter: grayscale(39); -webkit-filter: grayscale(39); -moz-filter: grayscale(39); width: 100%; position: absolute; top: 0; left: 0; right: 0; height: 100%; object-fit: cover; } .sharing-section::after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.73); } .sharing-content { text-align: center; position: relative; z-index: 10; width: 100%; max-width: 735px; margin: 0 auto; padding: 30px 0; } .sharing-content h2 { margin: 0 0 30px; color: #fff; font-size: 83px; text-transform: uppercase; text-shadow: 0 5px 6px rgba(0,0,0,0.7); letter-spacing: 1px; line-height: 1.2; } .sharing-content h2 span { display: block; font-size: 57px; } .sharing-content h2 small { font-size: 57px; } .sharing-content p { color: #fff; font-size: 25px; padding: 0 35px; line-height: normal; } .red-btn { margin-top: 40px; } .red-btn a { display: inline-block; text-decoration: none; color: #fff; background: #cc2920; border-radius: 40px 5px 5px 40px; padding: 20px 27px; text-transform: uppercase; font-size: 23px; line-height: normal; } .red-btn a:hover { color: #fff; background: #000; } .about-listen-section { background: #f1f1f1 url("images/line-border-img.png"); background-repeat:no-repeat; background-position:left top; background-size: 50%; padding: 60px 0; } .about-listen-section .container { display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; } .about-listen-content { width: 44%; } .about-listen-content h2 { color: #cc2920; margin: 0 0 15px; font-size: 45px; } .about-listen-content p { color: #000; font-size: 22px; font-weight: 300; } .about-listen-image-inner { position: relative; } .about-listen-image { width: 48%; position: relative; } .about-listen-image-inner::after { content: ""; display: block; background: #cc2920; position: absolute; left: 0; right: -88px; bottom: 0; border-radius: 14px; transform: skew(3deg); -webkit-transform: skew(3deg); -moz-transform: skew(3deg); -ms-transform: skew(3deg); width: 100%; max-width: 369px; margin: 0 auto; height: 80%; } .about-listen-image-inner::before { content: ""; display: block; background: #cc2920; position: absolute; left: -108px; right: 0; top: 0; border-radius: 14px; transform: skew(6deg); -webkit-transform: skew(6deg); -moz-transform: skew(6deg); -ms-transform: skew(6deg); width: 100%; max-width: 328px; margin: 0 auto; height: 80%; } .about-listen-image-inner img { width: 100%; position: relative; z-index: 1; } /*=================================Home====================================*/ /*=================================News List And Detail====================================*/ .blog-page-container { padding-bottom: 50px; } .blog-page-container .blog-inner ul { list-style: none; margin: 0; display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; width: 100%; } .blog-page-container .blog-inner ul li { margin: 0 0 40px; width: 49%; border: 1px solid rgba(0,0,0,0.1); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; } .blog-page-container .blog-inner ul li .blog-content { padding: 20px 20px 20px; background: #fff; position: relative; z-index: 5; width: calc(100% - 30px); margin: -50px auto 0; } .blog-page-container .blog-image { margin-bottom: 20px; overflow: hidden; } p:empty { display: none; } .blog-page-container .blog-inner ul li .blog-image a { position: relative; display: block; overflow: hidden; } .blog-page-container .blog-inner ul li .blog-image a img { width: 100%; position: static; height: 500px; object-fit: cover; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; } .blog-page-container .blog-inner ul li:hover .blog-image a img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); } .blog-page-container .blog-inner ul li:hover { box-shadow: 0 0 14px 0 rgba(0,0,0,0.1); } .blog-page-container .blog-inner ul li:hover h3 a{ color: #cc2920; } .blog-page-container .blog-inner ul li h3 { margin: 0 0 10px; line-height: 21px; } .blog-page-container .blog-inner ul li a { color: #000; text-decoration: none; font-size: 24px; line-height: normal; display: inline-block; } .blog-page-container .blog-inner ul li span { display: block; font-size: 14px; line-height: normal; margin-bottom: 20px; font-style: italic; } .blog-page-container .blog-inner ul li p a { color: #cc2920; font-size: 18px; } .single-post .entry-header.has-text-align-center.header-footer-group { display: block; padding: 0 0 40px; text-align: left; } .section-inner.medium { max-width: 100%; width: 100%; } .single-post .featured-media { display: block; } .single-post .featured-media img{ width:100%; } .singular .featured-media-inner { position: relative; left: 0; width: 100%; margin-bottom: 25px; } .single-post .entry-header h1.entry-title { color: #000; font-size: 45px; } .single-post .post-meta span, .single-post .post-meta span a { color: #000 !important; } .single-post .entry-header-inner.section-inner.medium .entry-categories a { color: #ee0b28; font-size: 18px; } .single-post .entry-header .entry-categories .entry-categories-inner, .single-post .post-meta-single-top .post-meta { justify-content: left; -webkit-justify-content: left; -moz-justify-content: left; -ms-justify-content: left; } .single-post .post-meta-wrapper { max-width: 100%; width: 100%; } #site-content .section-inner { width: 100%; } .single .pagination-single-inner a { color: #000; } .pagination-single.section-inner.only-one.only-prev { margin-top: 30px; } #comments .comment-reply-title { font-size: 27px; text-align: left; } #site-content .section-inner.small { max-width: 100%; } #site-content .section-inner.thin { max-width: 84rem; } #respond #reply-title { text-align: left; font-size: 34px; margin: 0 0 20px; } #respond #commentform { max-width: 100%; text-align: left; } #respond p { margin: 0 0 20px; text-align: left; } #respond .logged-in-as a, .comment-content.entry-content p a { color: #000; } #respond .form-submit input[type="submit"] { display: inline-block; text-decoration: none; color: #fff; background-color: #cc2920; border-radius: 40px 5px 5px 40px; padding: 17px 27px; text-transform: uppercase; font-size: 18px; line-height: normal; font-weight: normal; cursor: pointer; float: right; margin-top: 10px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; } .comment-footer-meta span a { background: #cc2920; font-weight: 600; } #respond .form-submit input[type="submit"]:hover, .comment-footer-meta span a:hover { color: #fff; background-color: #000; text-decoration:none; } #reply-title small a{ color: #cc2920; } #respond { margin-bottom: 70px; } /*=================================News List And Detail====================================*/ /*=================================Gaming====================================*/ .page-template-tpl-gaming .blog-page-container .container { display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; } .page-template-tpl-gaming .list-gaming-wrapper { width: 65%; } .page-template-tpl-gaming .right-sidebar-wrapper { width: 30%; border: 1px solid rgba(0,0,0,0.1); } .page-template-tpl-gaming .right-sidebar-wrapper h3 { margin: 0 0 20px; padding: 10px 20px; font-size: 27px; background: #000; color: #fff; } .page-template-tpl-gaming .right-sidebar-wrapper .ngg-gallery-thumbnail-box { width: 43%; margin: 7px; } .page-template-tpl-gaming .right-sidebar-wrapper .ngg-gallery-thumbnail-box a { margin: 0; } .page-template-tpl-gaming .list-gaming-wrapper .upper-content h1 { margin: 0 0 20px; font-size: 60px; color: #ee0b28; } .page-template-tpl-gaming .list-gaming-wrapper .description h3 { margin: 30px 0 20px; font-size: 38px; } .page-template-tpl-gaming .description p br { display: none; } .page-template-tpl-gaming .blog-page-container .blog-inner ul li { margin: 0 0 40px; width: 100%; border: 1px solid rgba(0,0,0,0.1); } .page-template-tpl-gaming .blog-page-container .blog-image a img { width: 100%; height: auto; } .page-template-tpl-gaming .blog-page-container .blog-inner ul li .blog-content { width: 100%; margin: 0; } .page-template-tpl-gaming .gaming-info-outer { margin: 40px 0 0; display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; } .gaming-info-outer .gaming-info-item { width: 30%; } .page-template-tpl-gaming .blog-page-container .blog-inner ul li .gaming-info-item h3 { font-size: 20px; line-height: normal; } .gaming-info-outer .gaming-info-item p { font-size: 16px; } .gaming-info-outer .gaming-info-item p a{ color: #ee0b28; } .page-template-tpl-gaming .blog-page-container .blog-inner ul li h3 { font-size: 34px; line-height: 1; } .sl-overlay { background: rgba(0,0,0,0.7) !important; opacity: 1 !important; } .sl-wrapper .sl-close, .sl-wrapper .sl-navigation button, .sl-wrapper .sl-counter { color: #fff !important; } .sl-wrapper .sl-counter { font-size: 23px !important; } /*=================================Gaming====================================*/ /*=================================Contact====================================*/ .contact-right-box { display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; } .contact-right-box .contact-1 { width: 49.5%; } .contact-container-wrapper .contact-page { display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; margin-bottom: 100px; } .contact-page .contact-left { width: 40%; } .contact-page .contact-left h2 { font-size: 20px; margin: 0 0 20px; } .contact-social a i { color: #fff; width: 40px; line-height: 40px; height: 40px; text-align: center; border-radius: 100%; font-size: 15px; margin-right:10px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; } .contact-social a i.fa-twitter { background: #cc2920; } .contact-social a i.fa-facebook-square { background: #cc2920; } .contact-social a i.fa-pinterest-p { background: #cc2920; } .contact-social a i.fa-instagram { background: #cc2920; } .contact-social a i:hover { color: #fff; background: #000 !important; } .contact-bottom { display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; } .contact-bottom .contact-bottom-box .contact-bottom-text { text-align: center; padding: 70px 10px 20px; } .contact-bottom .contact-bottom-box i { width: 100px; height: 100px; background: #fff; line-height: 100px; font-size: 50px; border-radius: 100%; margin: 0 auto; } .contact-bottom .contact-bottom-box .contact-bottom-text h3 { margin: 20px 0 15px; font-size: 24px; padding: 0px; color: #fff; min-height: 60px; } .contact-bottom .contact-bottom-box { width: 24%; border-radius: 250px 250px 17px 17px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; } .contact-bottom .contact-bottom-box:nth-child(1) { background: #cc2920; } .contact-bottom .contact-bottom-box:nth-child(2) { background: #cc2920; } .contact-bottom .contact-bottom-box:nth-child(3) { background: #cc2920; } .contact-bottom .contact-bottom-box:nth-child(4) { background: #cc2920; } .contact-bottom .contact-bottom-box .contact-bottom-text p { color: #fff; font-size: 13px; } .contact-bottom .contact-bottom-box:hover { background: #000; } .contact-page .contact-right { width: 55%; } .contact-page .contact-left-content p { display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; } .contact-page .contact-left-content p img { width: 20px; height: 20px; object-fit: contain; margin: 4px 8px 0 0; } .contact-right .contact-1 label { margin-bottom: 10px; } .contact-1 input, .contact-1 textarea { background: #f1f1f1; border: none; border-radius: 36.5px; padding: 25px 30px; line-height: normal; resize:none; } .contact-1 input:focus, .contact-1 textarea:focus { border: none; outline:none; } .contact-1 textarea { height:195px; } .contact-right form input[type="submit"] { display: inline-block; text-decoration: none; color: #fff; background: #cc2920; border-radius: 40px 5px 5px 40px; padding: 20px 27px; text-transform: uppercase; font-size: 18px; line-height: normal; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; font-family: 'PT Serif', serif; } .contact-right form input[type="submit"]:hover{ color: #fff; background: #000; text-decoration:none; } .contact-container-wrapper .contact-map iframe { max-width: 100%; width: 100% !important; height: 500px; border: none; } .contact-container-wrapper .contact-page .contact-right label br { display: none; } .contact-container-wrapper .wpcf7-form input::-webkit-input-placeholder { color: #000; opacity:1; } .contact-container-wrapper .wpcf7-form input::-moz-placeholder { color: #000; opacity:1; } .contact-container-wrapper .wpcf7-form input:-ms-input-placeholder { color: #000; opacity:1; } .contact-container-wrapper .wpcf7-form input:-moz-placeholder { color: #000; opacity:1; } .contact-container-wrapper .wpcf7-form textarea::-webkit-input-placeholder { color: #000; opacity:1; } .contact-container-wrapper .wpcf7-form textarea::-moz-placeholder { color: #000; opacity:1; } .contact-container-wrapper .wpcf7-form textarea:-ms-input-placeholder { color: #000; opacity:1; } .contact-container-wrapper .wpcf7-form textarea:-moz-placeholder { color: #000; opacity:1; } .contact-container-wrapper .wpcf7-not-valid-tip { padding-left: 8px; font-size: 13px; } .contact-container-wrapper .wpcf7-response-output { font-size: 13px; text-align: center; } /*=================================Contact====================================*/ /*=================================Celender====================================*/ .tribe-theme-twentytwenty .tribe-common .tribe-common-c-btn { background-color: #ee0b28; } .tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button { color: #ee0b28; border-color: #ee0b28; } .tribe-theme-twentytwenty .tribe-common .tribe-common-c-btn:hover, .tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button:hover, .tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button:focus, .tribe-theme-twentytwenty .tribe-common .tribe-common-c-btn:focus { background-color: #000 !important; color: #fff !important; border-color: #000 !important; } .tribe-events-c-subscribe-dropdown__content ul li { font-size: 15px; } .tribe-events-c-subscribe-dropdown { width: 100%; max-width: 218px; } .tribe-events .tribe-events-c-ical__link { background-color: #fff; border: 1px solid #ee0b28; border-radius: 4px; color: #ee0b28; font-size: 14px; } .tribe-common .tribe-common-c-svgicon { color: #ee0b28; } .tribe-events .tribe-events-c-ical__link:hover { background-color: #ee0b28; color: #fff; } .tribe-events .datepicker .day.active, .tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover, .tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused, .tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .month.active:hover, .tribe-events .datepicker .year.active, .tribe-events .datepicker .year.active.focused, .tribe-events .datepicker .year.active:focus, .tribe-events .datepicker .year.active:hover { background: #ee0b28; } .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date, .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link { color: #ee0b28; } .tribe-common--breakpoint-medium.tribe-common .tribe-common-h4{ font-family: 'Roboto', sans-serif; } .tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 { font-family: 'Roboto', sans-serif !important; font-weight: 400; font-size: 18px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:hover::after { background-color: #ee0b28; } .tribe-events-c-messages__message-list-item, .tribe-events-c-top-bar__datepicker-mobile, .tribe-common .tribe-common-c-btn-border-small, .tribe-common a.tribe-common-c-btn-border-small, .tribe-events .tribe-events-c-view-selector__list-item-text, .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input, .tribe-events .datepicker .month, .tribe-events .datepicker .year { font-size: 16px; } .tribe-common-l-container.tribe-events-l-container { padding-top: 0 !important; } .tribe-events-calendar-list .tribe-common-g-row { background: #0d0d0d; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; margin:0 !important; } .tribe-events-calendar-list .tribe-events-calendar-list__month-separator { margin-bottom: 40px; } .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag-datetime { padding: 0 !important; } .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag-datetime span { color: #fff; font-size: 16px; } .tribe-events-calendar-list__event-date-tag-datetime span.tribe-common-h5 { font-size: 40px !important; line-height: normal !important; } .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag-weekday { order: 1; -webkit-order: 1; -moz-order: 1; -ms-order: 1; } .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag { padding: 44px 10px !important; background: #ee0b28; } .tribe-events-calendar-list article a, .tribe-events-calendar-list article p, .tribe-events-calendar-list article span { color: #fff !important; } .tribe-events-calendar-list article.tribe-events-calendar-list__event { margin: 0 !important; } .tribe-events-calendar-list article p, .tribe-events-calendar-list article time span { font-size: 16px; } .tribe-events-calendar-list article .tribe-events-calendar-list__event-description { margin: 10px 0 0 !important; } .tribe-common-g-row.tribe-events-calendar-list__event-row:nth-child(2n) { background: #333; } .tribe-common-g-row.tribe-events-calendar-list__event-row:nth-child(2n) .tribe-events-calendar-list__event-date-tag { background: #000; } .tribe-common-g-row.tribe-events-calendar-list__event-row:nth-child(2n) article.tribe-common-g-row { background: transparent; } .tribe-events-calendar-list-nav ul li span, .tribe-events-calendar-list-nav ul li svg { font-size: 16px; } /*=================================Celender====================================*/ /*=================================Default====================================*/ #site-content { min-height: 500px; } .default-fluid-banner { position: relative; overflow: hidden; margin-bottom: 70px; background-color:#000000; } .default-fluid-banner::after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); } .default-fluid-banner img { width: 100%; } .default-fluid-banner .default-caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 20px; z-index: 10; display: block; } .default-fluid-banner .default-caption h1 { color: #fff; font-size: 70px; margin: 0; } .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 100% !important; width: 100% !important; } body article .entry-content p, body article .entry-content, body article .entry-content li, body article .entry-content div{ font-size: 18px; } .post-meta-wrapper.post-meta-edit-link-wrapper { display: none; } body article .post-inner { padding: 0 0 60px; } /*=================================Default====================================*/ /*=================================Error And Search Page====================================*/ .section-inner.thin.error404-content h1 { font-size: 40px; } .error404 #site-content { padding: 0 0 70px; } .error404-content .search-form .search-submit, .no-search-results-form .search-form .search-submit { background-color: #cc2920; } .search .footer-nav-widgets-wrapper.header-footer-group { display: none; } .no-search-results-form.section-inner.thin { padding-top: 0; } .archive-header.has-text-align-center.header-footer-group { padding: 0 0 40px; } .archive-header-inner .archive-title { color: #000; } .archive-header-inner .archive-title span{ color: #cc2920; } .archive-subtitle p, .intro-text p { color: #000; line-height: normal; font-size: 18px; } /*=================================Error And Search Page====================================*/ /*=================================Footer====================================*/ #site-footer .section-inner { display: none; } #site-footer { padding: 0; } #site-footer .footer-section { background: #000; color: #fff; padding: 60px 0; } .footer-section .container { display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; } .footer-section .footer-left { width: 34%; margin-right: 210px; } .footer-right { width: 37%; } .footer-left .social-section { margin-bottom: 25px; } .footer-left .social-section a i { width: 50px; height: 50px; background: #fff; color: #000; font-size: 33px; text-align: center; line-height: 50px; border-radius: 4px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; } .footer-left .social-section a:hover i { background: #cc2920; color: #fff; } .footer-left .social-section h3 { text-transform: uppercase; font-size: 29px; font-weight: 300; font-family: 'Roboto', sans-serif !important; margin: 17px 0 0; border-bottom: 4px solid #cc2920; padding-bottom: 25px; } .footer-section h4 { font-size: 25px; width: 100%; display: block; margin-bottom: 25px; } .footer-contact p i { color: #cc2920; margin-right: 10px; margin-top: 1px; } .footer-contact p a, .footer-contact p { color: #fff; font-family: 'Roboto', sans-serif !important; text-transform: uppercase; font-size: 18px; } .footer-contact p { margin: 0 0 18px; display: flex; line-height: normal; } .footer-right .es_caption { font-family: 'Roboto', sans-serif !important; font-size: 18px; line-height: normal; padding: 0 90px 15px 0; } .footer-right .es-field-wrap label input, .footer-right form input[type="text"], .footer-right form input[type="email"] { border-radius: 40px 5px 5px 40px; border: 1px solid #888; background: #2f2f2f; color: #fff; line-height: normal; padding: 20px 20px; font-size: 16px; width: 100%; text-transform: uppercase; } .footer-right .mc4wp-form label { margin: 0; } .footer-right .es-field-wrap label { margin: 10px 0; } #site-footer .footer-right input[type="submit"] { display: inline-block; text-decoration: none; color: #fff; background-color: #cc2920; border-radius: 40px 5px 5px 40px; padding: 17px 27px; text-transform: uppercase; font-size: 18px; line-height: normal; font-weight: normal; cursor: pointer; float: right; margin-top: 10px; } #site-footer .footer-right input[type="submit"]:hover { text-decoration:none; } .footer-copy { background: #272727; text-align: center; color: #fff; padding: 20px 0; } .footer-copy p.footer-copyright { text-transform: uppercase; font-weight: 400; font-size: 18px; } .footer-right .es-field-wrap label input::-webkit-input-placeholder { color: #fff; opacity:1; } .footer-right .es-field-wrap label input::-moz-placeholder { color: #fff; opacity:1; } .footer-right .es-field-wrap label input:-ms-input-placeholder { color: #fff; opacity:1; } .footer-right .es-field-wrap label input:-moz-placeholder { color: #fff; opacity:1; } .footer-right form input::-webkit-input-placeholder { color: #fff; opacity:1; } .footer-right form input::-moz-placeholder { color: #fff; opacity:1; } .footer-right form input:-ms-input-placeholder { color: #fff; opacity:1; } .footer-right form input:-moz-placeholder { color: #fff; opacity:1; } /*=================================Footer====================================*/ /*=================================Jobs====================================*/ #site-content article .job-post { padding: 0 !important; } body.single-jobs .job-post { max-width: 1040px; padding: 0 20px; } body.single-jobs .job-post .job-content .job-content-wrap { padding-left:0px; } body.single-jobs .wrap .jobs-row-input, .jobs-row-inset.type-date-posted a.job-pdf-export { display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; font-family: 'Roboto', sans-serif !important; font-size: 18px; line-height: normal; } body.single-jobs .jobs-row-inset.type-date-posted a.job-pdf-export svg { width: 20px; } body.single-jobs .wrap .type-location .jobs-row-input svg { width: 35px; height: 28px; } body.single-jobs .job-post .jobs-row.position_logo .jobs-row-input img { margin-top: 20px; } body.single-jobs .jobs-row-inset.clearfix.type-date-posted svg { margin-top: 1px; width: 18px; height: 20px; margin-right: 5px; } body.single-jobs .wrap .job-post .job-side { padding-left: 15px !important; padding-right: 0px !important; } #site-content article .job-listing .job-cta { width: 25%; } #site-content article .job-listing .job-preview { background-color: rgba(0,0,0,0.05); border: 1px solid #e9e9e9; } #site-content article .job-listing .job-cta a.apply-btn, .position_pdf_job.type-file .jobs-row-input a.button.ext-pdf, body.single-jobs .job-content-wrap .jobs-row-apply .button.jp-apply-button, #jobs-modal-form .jobs-modal-footer .button.job-submit { display: inline-block; text-decoration: none; color: #fff; background-color: #cc2920; border-radius: 40px 5px 5px 40px; padding: 17px 27px; text-transform: uppercase; font-size: 18px; line-height: normal; font-weight: normal; cursor: pointer; margin-top: 10px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; } .position_pdf_job.type-file .jobs-row-input a.button.ext-pdf { padding: 17px 27px; font-size: 15px; background-color: #ddd; color: #000; } body.single-jobs .job-content-wrap .jobs-row-apply .button.jp-apply-button{ font-size: 15px; margin: 0; } body.single-jobs .job-content-wrap .jobs-row-apply { padding-top: 0; } #site-content article .job-listing .job-cta a.apply-btn:hover, body.single-jobs .job-content-wrap .jobs-row-apply .button.jp-apply-button:hover, #jobs-modal-form .jobs-modal-footer .button.job-submit:hover { color: #fff; background-color: #000; } .jobs-modal-form #jobs-modal-form .modal-input-text { background: #f1f1f1; padding: 21px 20px; border: none; border-radius: 30px; height: 60px; } .jobs-modal-form #jobs-modal-form .modal-input-fileinput { background: #f1f1f1; padding: 16px 20px; border: none; border-radius: 30px; height: 60px; } .jobs-modal-form #jobs-modal-form .modal-input-fileinput label { margin-top: 0; } .jobs-modal-form #jobs-modal-form .modal-input-fileinput label span, .jobs-modal-form #jobs-modal-form .modal-input-fileinput label { text-transform: uppercase; font-size: 14px; font-weight: 600; font-family: 'Roboto', sans-serif !important; } /*=================================Jobs====================================*/ /*=================================Festival Tree====================================*/ .page-id-29 .entry-content p { text-align: center; } .page-id-29 p a { color: #000; } .ngg-navigation span.current{ background:#ee0b28; color:#fff; } .ngg-navigation a.page-numbers{ background:#000; color:#fff ; } .ngg-navigation a.page-numbers:hover{ background:#ee0b28; color:#fff ; } .ngg-navigation span, .ngg-navigation a.page-numbers { width: 33px !important; display: inline-block !important; height: 33px !important; line-height: 35px; padding: 0 !important; } .ngg-navigation a.prev, .ngg-navigation a.next { background: transparent; color: #000; } .ngg-navigation a.prev:hover, .ngg-navigation a.next:hover { color: #ee0b28 !important; } /*=================================Festival Tree====================================*/ /*=================================Board Members====================================*/ .board-members-page-container { margin-bottom: 40px; } .board-members-page-container a{ text-decoration:none; display:inline-block; color: #000; } .board-members-page-container .board-members-inner ul{ display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; margin:0px; padding: 0px; } .board-members-page-container .board-members-inner ul li { list-style: none; float: left; width: 32%; text-align: center; margin: 0 2% 2% 0; width: 32%; border: 1px solid rgba(0,0,0,0.1); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; } .board-members-page-container .board-members-inner ul li:nth-child(3n) { margin-right: 0; } .board-members-inner .board-members-image a { display: block; width: 100%; } .board-members-page-container .board-members-inner ul li a img { height:400px; object-fit:cover; display:block; width:100%; } .board-members-page-container .board-members-inner ul li .board-members-namae h3 { margin: 0; } .board-members-page-container .board-members-inner ul li h3 a{ font-size:2rem; margin: 18px 0 5px; font-weight: 700; text-transform:uppercase; } .board-members-page-container .board-members-inner ul li .board-members-namae { padding: 10px 20px; background: #fff; position: relative; z-index: 5; width: calc(100% - 30px); margin: -25px auto 0; } .board-members-page-container .board-members-inner ul li .board-members-namae a { position: relative; display: block; overflow: hidden; } .board-members-page-container .board-members-inner ul li:hover { box-shadow: 0 0 14px 0 rgba(0,0,0,0.1); } .board-members-page-container .board-members-inner ul li:hover .board-members-namae a img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); } .board-members-page-container .board-members-inner ul li:hover h3 a { color: #cc2920; } .board-members-namae span.year-terms { color: #cc2920; font-style: italic; } .board-address-info p { margin-bottom: 10px; } .board-address-info p a{ font-family: 'Roboto', sans-serif !important; } .board-address-info p span { position: relative; font-size: 16px; display: inline-block; } .board-address-info i { position: absolute; left: -23px; top: 5px; font-size: 14px; } .board-address-info i.fa-map-marker-alt { font-size: 18px; top: 4px; } .board-address-info i.fa-envelope { font-size: 16px; } .upper-heading-info { margin: 0 0 30px; } .upper-heading-info h2 { margin: 0 0 20px; } .upper-heading-info p { color: #cc2920; } /*================media===============*/ @media only screen and (max-width:767px){ .board-members-page-container .board-members-inner ul li { width: 100%; margin: 0 0 40px; } .board-members-page-container .board-members-inner ul li a img { height: auto; } }/*=====media close=====*/ /*================media===============*/ /*=================================Board Members====================================*/ /*=============================Board Member Application=============================*/ .board-member-application h3 { margin: 0 0 15px; } .board-member-application h4 { margin: 30px 0 10px; font-size: 25px; } .board-member-application ul { margin: 0; padding: 0; } .bma-form { margin: 70px 0; box-shadow: 0 0 7px 0 rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.1); padding: 30px 40px 60px; } .bma-form-input br { display: none; } .bma-form h3 { margin: 0 0 40px; } .bma-form-input { display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; margin-bottom: 20px; } .bma-form-input label { font-weight: 600; font-family: 'Roboto', sans-serif; display: inline-block; width: 150px; margin: 0 15px 0 0; font-size: 18px; } .bma-form-input span.wpcf7-form-control-wrap { width: calc(100% - 130px); position: relative; } .bma-form .wpcf7-not-valid-tip { font-size: 12px; position: absolute; bottom: -19px; } .bma-form-input input { padding: 0 0 4px; border: none; border-bottom: 1px solid #000; font-family: 'Roboto', sans-serif; } .bma-form-input textarea { resize: none; height: 200px; margin-top: 10px; outline: none; border: 1px solid #000; font-family: 'Roboto', sans-serif; } .bma-form-input.radio-input { margin: 30px 0 20px; } .bma-form-input.radio-input label, .bma-form-input.textarea-input label, .bma-form-input.textarea-input p { width: 100%; margin: 0 0 12px; font-size: 18px; } .bma-form-input.radio-input span.wpcf7-form-control-wrap { width: 100%; } .bma-form-input.radio-input .wpcf7-checkbox .wpcf7-list-item { margin: 5px 0 0; width: 100%; } .bma-form-input.radio-input .wpcf7-checkbox span span { font-size: 17px; font-weight: 500; } .bma-form-input.radio-input input[type="checkbox"] { width: 20px; height: 20px; margin: 0 8px 0 0; position: relative; top: 3px; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; border: none; cursor: pointer; padding: 0; } .bma-form-input.radio-input input[type="checkbox"]::before { content: ""; display: block; height: 20px; width: 20px; background: url("images/radio-icon-un.png") no-repeat 0 0; background-size: 100%; margin: 0; } .bma-form-input.radio-input input[type="checkbox"]:checked::before { content: ""; display: block; height: 20px; width: 20px; background: url("images/radio-icon-check.png") no-repeat 0 0; background-size: 100%; margin: 0; } .bma-form-input.radio-input, .bma-form-input.textarea-input { flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; } .bma-form-submit input { display: inline-block; text-decoration: none; color: #fff; background: #cc2920 !important; border-radius: 40px 5px 5px 40px; padding: 20px 27px; text-transform: uppercase; font-size: 18px; line-height: normal; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; font-family: 'PT Serif', serif; text-decoration: none; } .bma-form-submit input:hover, .bma-form-submit input:focus { color: #fff; background: #000 !important; text-decoration: none; } .wpcf7-response-output { font-size: 14px; } @media (max-width:767px){ .board-member-application ul { margin: 0 0 0 6px; } .bma-form { padding: 30px 20px 40px; } .bma-form-input { flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; margin-bottom: 15px; } .bma-form-input span.wpcf7-form-control-wrap { width: 100%; position: relative; } .bma-form-input label { width: 100%; margin: 0 0 5px; } .bma-form-input input { padding: 7px 10px; border: 1px solid #000; } .bma-form .wpcf7-not-valid-tip { position: static; } }/*====media close====*/ /*=============================Board Member Application=============================*/ /*=================================BECOME A SPONSOR====================================*/ body.page-id-713 #site-content article .sponsor-left { float: left; width: 38% !important; } body.page-id-713 #site-content article .entry-content .wpcf7 { float: right; width: 60% !important; border-left: 2px solid rgba(0,0,0,0.1); padding-left: 40px; } body.page-id-713 .contact-right-box { margin-bottom: 15px; } body.page-id-713 .contact-right-box .contact-1 { width: 100%; } body.page-id-713 .wpcf7-not-valid-tip { font-size: 13px; } body.page-id-713 .wpcf7-response-output { font-size: 14px; } body.page-id-713 form input[type="submit"] { display: inline-block; text-decoration: none; color: #fff; background: #cc2920; border-radius: 40px 5px 5px 40px; padding: 20px 27px; text-transform: uppercase; font-size: 18px; line-height: normal; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; font-family: 'PT Serif', serif; } body.page-id-713 form input[type="submit"]:hover { color: #fff; background: #000; text-decoration: none; } @media (max-width:767px){ body.page-id-713 #site-content article .sponsor-left, body.page-id-713 #site-content article .entry-content .wpcf7 { width: 100% !important; border: none; padding: 0; } }/*====media close====*/ @media only screen and (min-width:767px) and (max-width:1000px){ body.page-id-713 #site-content article .sponsor-left { width: 44% !important; } body.page-id-713 #site-content article .entry-content .wpcf7 { width: 54% !important; } }/*====media close====*/ /*=================================BECOME A SPONSOR====================================*/ /*=================================Our History====================================*/ .timeline-list ul { list-style: none; margin: 0 0 70px; padding: 0; display: inline-block; width: 100%; position:relative; } .timeline-list ul::before { content: ''; position: absolute; top: 0px; left: 50%; bottom: 0px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1px; background-color: #222; } .timeline-list ul li { width: calc(50% - 80px); float: left; padding: 20px; clear: both; text-align: right; margin: 0 0 15px; } .timeline-list ul li:nth-child(2n) { text-align: left; float: right; } .timeline-list ul li:not(:first-child) { margin-top: -80px; } .timeline-list ul li h2 { color: #000; font-size: 50px; margin: 0; position: relative; } .timeline-list ul li h2::before { content: ''; position: absolute; width: 12px; height: 12px; background-color: #000; border-radius: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -106px; z-index: 2; } .timeline-list ul li:nth-child(2n) h2::before { left: -106px; } .timeline-list ul li p { margin-top: -10px; padding-top: 1.2em; padding-bottom: 1.2em; } /*=================================Our History====================================*/ /*=================================GOLF====================================*/ .page-template-tpl-golf-tournament-packages .default-fluid-banner{ display: none; } .golf-tournament-packages-container-wrapper { text-align: center; padding-top: 50px; border-top: 5px solid #f1f1f1; padding-bottom: 60px; } .golf-image img { box-shadow: 0 0 16px 0 rgba(0,0,0,0.1); border-radius: 10px; border: 14px solid #fff; width: 100%; max-width: 100%; } .golf-image h2 { font-size: 22px; text-align: center; box-shadow: 0 13px 16px 0 rgba(0,0,0,0.1); background: #fff; border-radius: 0 0 10px 10px; padding: 20px 70px; font-family: 'Roboto', sans-serif; font-weight: 300; max-width: 700px; margin: 0 auto; } .golf-tournament-packages-container-wrapper .img-2 { width: 100%; max-width: 218px; margin: 60px auto 13px; height: auto; } .vanue-info { text-align: center; } .vanue-info p { font-size: 25px; margin-bottom: 2px; font-family: 'PT Serif', serif !important; } .packages-form-wrapper { margin-top: 50px; } .golf-tournament-packages-container-wrapper h3 { font-size: 25px; margin-bottom: 3px; } .golf-package-list-wrapper ul { margin: 0; padding: 0px; } .package-block-list ul li { list-style: none; margin: 0; padding: 0 0 0 14px; position: relative; } .package-block-list ul li::after { content: ""; display: block; width: 5px; height: 5px; border-radius: 100%; background: #000; position: absolute; left: 0; top: 10px; } .package-block-list ul li p { font-size: 16px; } .golf-package-list-wrapper .package-block{ display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; text-align: left; } .golf-package-list-wrapper .package-block { border: 1px solid rgba(0,0,0,0.1); padding: 20px 20px 5px; border-radius: 4px; box-shadow: 0px 99px 59px rgba(0, 0, 0, 0.05),0px 36.1366px 21.536px rgba(0, 0, 0, 0.0344991),0px 17.5437px 10.4553px rgba(0, 0, 0, 0.0278145),0px 8.60023px 5.12539px rgba(0, 0, 0, 0.0221855),0px 3.40054px 2.02659px rgba(0, 0, 0, 0.0155009); } .golf-package-list-wrapper .package-block-list { width: 49%; border: 1px solid rgba(0,0,0,0.1); padding: 25px; margin-bottom: 18px; background: linear-gradient(64.45deg, #FFF 16.05%, #efeff0 69.18%); border-radius: 4px; position: relative; } .golf-package-list-wrapper ul li p{ margin: 0; } .golf-package-list-wrapper .package-block-list span { display: block; font-weight: 700; margin: 0; font-family: 'PT Serif', serif !important; position: static; } .golf-package-list-wrapper { margin-bottom: 100px; } .golf-package-list-wrapper label .wpcf7-list-item-label{ display: none!important; } .golf-package-list-wrapper .package-block-list input[type="checkbox"] { width: 2.5rem; min-width: 1.5rem; height: 2.5rem; border: 2px solid #777; background: #fff; float: right; clear: both; margin: 0 10px 10px 0; bottom: 0; right: 0; top: auto; position: absolute; } .golf-package-list-wrapper .package-block-list input[type="checkbox"]:checked::before { height: 2rem; width: 2rem; margin: 0; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0 !important; } .golf-tournament-packages-container-wrapper .packages-form-wrapper form h5 { margin: 50px 0 20px 0; font-size: 30px; } .golf-tournament-packages-container-wrapper form .input-col-2, .golf-tournament-packages-container-wrapper form .input-col-3{ display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; text-align: left; } .golf-tournament-packages-container-wrapper form .input-col-2 .input-item{ width: 49%; margin-bottom: 25px; } .golf-tournament-packages-container-wrapper form .input-col-3 .input-item{ width:32%; margin-bottom: 25px; } .golf-tournament-packages-container-wrapper form .input-col-2 label, .golf-tournament-packages-container-wrapper form .input-col-2 p{ margin-bottom: 3px; } .golf-tournament-packages-container-wrapper form br { display: none; } .golf-tournament-packages-container-wrapper form .input-col-3 label, .golf-tournament-packages-container-wrapper form .input-col-3 p{ margin: 5px 0 0 0 ; } .golf-tournament-packages-container-wrapper form .input-col-2 input[type="text"], .golf-tournament-packages-container-wrapper form .input-col-2 input[type="email"], .golf-tournament-packages-container-wrapper form .input-col-3 input[type="text"], .golf-tournament-packages-container-wrapper form .input-col-3 input[type="email"]{ background-color: #fff; border: 1px solid rgba(0,0,0,.2) !important; padding: 15px; } .golf-tournament-packages-container-wrapper form .input-col-2 input:focus, .golf-tournament-packages-container-wrapper form .input-col-3 input:focus{ outline: none; } .golf-tournament-packages-container-wrapper form .input-col-2 input:focus-visible, .golf-tournament-packages-container-wrapper form .input-col-3 input:focus-visible { outline: none; } .golf-tournament-packages-container-wrapper form .input-item-btn{ text-align: left; margin: 0 0 50px 0; } .golf-tournament-packages-container-wrapper form .input-item-btn input[type="submit"] { display: inline-block; text-decoration: none; color: #fff; background: #cc2920; border-radius: 40px 5px 5px 40px; padding: 20px 27px; width: 150px; text-transform: uppercase; font-size: 18px; line-height: normal; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; font-family: 'PT Serif', serif; } .golf-tournament-packages-container-wrapper form .input-item-btn input[type="submit"]:hover { background: #000!important; color: #fff ; border: 0!important; } @media only screen and (max-width:767px){ .page-template-tpl-golf-tournament-packages .default-caption h1 { font-size: 32px!important; } .golf-tournament-packages-container-wrapper h2 { margin: 20px 0; font-size: 18px; padding: 10px 10px; box-shadow: none; } .golf-tournament-packages-container-wrapper h3 { font-size: 20px; } .golf-tournament-packages-container-wrapper p { font-size: 15px; } .golf-package-list-wrapper .package-block-list{ width: 100% !important; padding-bottom: 40px; } .golf-tournament-packages-container-wrapper form h5{ font-size: 25px; } .golf-tournament-packages-container-wrapper form .input-col-2 .input-item, .golf-tournament-packages-container-wrapper form .input-col-3 .input-item { width: 100%; } }/* ==media-closed=== */ @media only screen and (min-width:767px) and (max-width:1000px){ .golf-package-list-wrapper .one, .golf-package-list-wrapper .three, .golf-package-list-wrapper .four, .golf-package-list-wrapper .six { width: 50% !important; } .golf-package-list-wrapper .two, .golf-package-list-wrapper .five { width: 50% !important; } }/* ==media-closed=== */ /*=================================GOLF====================================*/ /*============================SHOP AND SINGLE===============================*/ .archive #primary, .single #primary{ max-width: 1040px; padding: 0 20px 70px; } .woocommerce-breadcrumb a { color: #cc2920; text-decoration: none; } #primary #main { margin: 0; } .archive .woocommerce-products-header { display: none; } .woocommerce-ordering select { background: url("images/select-arrow.png") no-repeat calc(100% - 10px) center; appearance: none; border: 1px solid rgba(0,0,0,0.1); padding: 12px 40px 12px 15px; font-size: 15px; background-size: 12px; } #primary .woocommerce-ordering { margin-bottom: 40px; padding-right: 5px; } #primary ul.products li, #primary .related.products ul li, #site-content ul.products li { width: 31.1%; margin: 0 3% 3% 0; border: 1px solid rgba(0,0,0,0.1); padding: 15px 15px 25px; text-align: left; } ul.products li a.woocommerce-LoopProduct-link, ul.products li a.woocommerce-LoopProduct-link img { width: 100%; } #primary ul.products li:nth-child(3n), #primary .related.products ul li:nth-child(3n), #site-content ul.products li:nth-child(3n) { margin-right: 0; } #primary .related.products ul { justify-content: unset; -webkit-justify-content: unset; -moz-justify-content: unset; -ms-justify-content: unset; } #primary ul.products li h2, #site-content ul.products li h2 { margin: 20px 0 22px; font-size: 20px; padding: 0; } #primary ul.products li a.button, #site-content ul.products li a.button { background: #cc2920; color:#fff; border-radius: 40px 5px 5px 40px; font-size: 15px; padding: 20px 30px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } #primary ul.products li a.button:hover, #site-content ul.products li a.button:hover { background: #000; text-decoration:none !important; } .single .woocommerce-product-gallery { border: 1px solid rgba(0,0,0,0.1); } .single .summary.entry-summary h1 { font-size: 38px; margin: 0 0 16px; line-height: normal; font-weight: 700; } .summary.entry-summary .product_meta span a { color: #cc2920; } .summary.entry-summary form.cart { display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; } .summary.entry-summary .cart button { background: #cc2920; border-radius: 40px 5px 5px 40px; padding: 17px 27px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } .summary.entry-summary .cart button:hover { background: #000; text-decoration:none !important; } .summary.entry-summary form.cart .quantity { order: 2; -webkit-order: 2; -moz-order: 2; -ms-order: 2; margin: 0 6px 0; } .summary.entry-summary form.cart .quantity input { border: 1px solid rgba(0,0,0,0.1); padding: 15px 15px 15px 15px; } .woocommerce-tabs #tab-description { border: 1px solid rgba(0,0,0,0.1); border-radius: 0 0 5px 5px; padding: 25px 18px; border-top: none; } #tab-description h2 { margin: 0 0 10px; font-size: 25px; line-height: normal; } .woocommerce-tabs ul.wc-tabs { display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0; } .woocommerce-tabs ul.wc-tabs li { margin: 0; border: 1px solid rgba(0,0,0,0.1); padding: 11px 20px; border-radius: 5px 5px 0 0; } .woocommerce-tabs ul.wc-tabs li a, .woocommerce-tabs ul.wc-tabs li { display: block; color: #000; } .woocommerce-tabs ul.wc-tabs li.active { background:#cc2920; } .woocommerce-tabs ul.wc-tabs li.active a{ color: #fff; } .related.products h2 { margin: 30px 0 28px; font-size: 37px; } @media (max-width:767px){ #primary ul.products li, #primary .related.products ul li, #site-content ul.products li { width: 100%; margin: 0 0 30px; } .single .summary.entry-summary h1 { font-size: 28px; } }/*====media close====*/ @media (min-width:767px) and (max-width:1000px){ .single .summary.entry-summary h1 { font-size: 32px; } }/*====media close====*/ /*============================SHOP AND SINGLE===============================*/ /*==================================CART====================================*/ .page-id-6 article .woocommerce { padding: 0 !important; } .woocommerce-cart-form .product-name a { text-decoration: none; color: #cc2920; font-family: 'Roboto', sans-serif !important; } .woocommerce-cart-form .quantity input { border: 1px solid rgba(0,0,0,0.1); padding: 13px 10px; font-family: 'Roboto', sans-serif !important; } .page-id-6 .product-remove a { background: #cc2920; color: #fff; } .page-id-6 .woocommerce-cart-form .coupon input, .page-id-6 .woocommerce-cart-form .coupon button, .page-id-6 .woocommerce-cart-form .actions button[type="submit"] { border: 1px solid rgba(0,0,0,0.1); background: #fff; padding: 0 16px; margin: 10px 12px 0 0; height: 52px; font-family: 'Roboto', sans-serif !important; font-weight: 400; font-size: 16px; text-decoration: none !important; } .page-id-6 .woocommerce-cart-form .actions button[type="submit"] { margin-right: 0; background:#cc2920; color:#fff; border-radius: 40px 5px 5px 40px; } .cart_totals .shop_table th, .cart_totals .shop_table td { border: 1px solid rgba(0,0,0,0.1); } .woocommerce-MyAccount-content .woocommerce-info a.button { color: #fff !important; background: #000; } .cart_totals h2 { margin: 0; font-size: 40px; } .cart_totals .shop_table { margin: 21px 0 0; } .wc-proceed-to-checkout a { background: #cc2920; text-decoration: none !important; } .wc-proceed-to-checkout a:hover { background: #000; color: #fff; } .cart-collaterals .cart_totals { padding: 30px 0 40px; } .page-id-7 .woocommerce { padding: 0 !important; } .woocommerce-info a { color: #000 !important; text-decoration: none; } .checkout_coupon button[type="submit"], .form-row.place-order #place_order { background: #cc2920; color:#fff; border-radius: 40px 5px 5px 40px; padding: 17px 27px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; } .checkout_coupon button[type="submit"]:hover, .form-row.place-order #place_order:hover { background: #000; color:#fff; text-decoration:none !important; } .checkout.woocommerce-checkout h3 { font-size: 35px; } .woocommerce-privacy-policy-text a { color: #cc2920; } #payment ul { list-style: none; margin: 0; } #payment ul li { margin: 0; } .return-to-shop a.button { background: #cc2920; border-radius: 40px 5px 5px 40px; display: inline-block; padding: 17px 27px; text-decoration: none !important; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; } .return-to-shop a.button:hover { background: #000; color:#fff; } @media (max-width:767px){ .woocommerce-cart-form table { margin-top: 0; } .woocommerce-cart-form .product-thumbnail { padding-left: 9px !important; } .woocommerce-info { font-size: 14px !important; padding: 16px 9px !important; } }/*====media close=====*/ /*==================================CART====================================*/ /*===============================MY ACCOUNT=================================*/ .page-id-8 .woocommerce { padding: 0 !important; } .page-id-8 h2 { margin: 0 0 20px !important; font-size: 40px; } .woocommerce-MyAccount-navigation ul { border: 1px solid rgba(0,0,0,0.1); } .woocommerce-MyAccount-navigation ul li { margin: 0 !important; border-bottom: 1px solid rgba(0,0,0,0.1) !important; } .woocommerce-MyAccount-navigation ul li a { color: #000 !important; font-size: 18px; text-decoration: none !important; display: block; padding: 9px 12px; } .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li.is-active a { color: #fff !important; background: #cc2920 !important; } .woocommerce-MyAccount-content p a { color: #000; } .woocommerce-Addresses .woocommerce-Address { border: 1px solid rgba(0,0,0,0.1); padding: 20px; margin-bottom: 20px; } .woocommerce-Address h3 { font-size: 27px; margin: 0 0 16px !important; } .woocommerce-Address a.edit { color: #cc2920; text-decoration: none; display: inline-block; margin: 0 0 11px; } .woocommerce-form-login .woocommerce-form__label-for-checkbox input { position: relative; top: 0; } .woocommerce-form-login .lost_password a { color: #000; } .woocommerce-EditAccountForm button[type="submit"], .woocommerce-form-login .woocommerce-form-login__submit, .lost_reset_password button.woocommerce-Button.button { background: #cc2920; color:#fff; border-radius: 40px 5px 5px 40px; padding: 17px 27px; text-decoration: none; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; } .woocommerce-EditAccountForm button[type="submit"]:hover, .woocommerce-form-login .woocommerce-form-login__submit:hover, .lost_reset_password button.woocommerce-Button.button:hover { background: #000; color:#fff; } /*===============================MY ACCOUNT=================================*/ /*=================================ERROR====================================*/ .error404-content .search-form { display: none; } /*=================================ERROR====================================*/ /*========================================================================================================================================================================RESPONSIVE================================================================================================================================================================================*/ /*==========================Footer===========================*/ @media only screen and (max-width:767px){ .footer-section .footer-left { width: 100%; margin-right: 0; } .footer-left .social-section h3 { font-size: 27px; } .footer-right { width: 100%; } .footer-right .es_caption { padding: 0 0px 15px 0; } .banner-section .metaslider .flexslider .flex-direction-nav li a { width: 30px; height: 30px; } .banner-section .metaslider:hover .flex-control-nav { bottom: 10px; opacity: 1; } }/*=====media close=====*/ @media only screen and (min-width:767px) and (max-width:1000px){ .footer-section .footer-left { width: 100%; margin-right: 16%; max-width: 336px; } .footer-right .es_caption { padding: 0 0px 15px 0; } }/*=====media close=====*/ /*==========================Footer===========================*/ /*==========================Home===========================*/ @media only screen and (max-width:767px){ body h1{ font-size:50px; } body h2{ font-size:40px; } body h3{ font-size:30px; } .mission-vision-section .mv-box-section { width: 100%; margin: 50px auto 0; max-width: 400px; } .mv-box-content-inner { padding-top: 90px; } .mission-vision-section { background-position: bottom center; } .sharing-content h2 { font-size: 34px; } .sharing-content h2 span, .sharing-content h2 small { font-size: 23px; } .sharing-content p { font-size: 20px; padding: 0; } .red-btn a { padding: 16px 27px; font-size: 20px; } .about-listen-content { width: 100%; margin-bottom: 40px; text-align: center; } .about-listen-content p { font-size: 18px; } .about-listen-section { background-size: 80%; } .about-listen-image { width: 100%; } .about-listen-image-inner::after { max-width: 200px; } .about-listen-image-inner::before { max-width: 165px; } .about-listen-image-inner { position: relative; width: 100%; max-width: 300px; margin: 0 auto; } .about-listen-content h2 { font-size: 40px; } .default-fluid-banner .default-caption h1 { font-size: 33px; } body article .entry-content ul, body article .entry-content ol { padding-left: 7px; } .default-fluid-banner img { width: 100%; height: 317px; object-fit: cover; } }/*=====media close=====*/ @media only screen and (min-width:767px) and (max-width:1050px){ .mv-box-content h2 a { font-size: 24px; } .mv-box-content h2 { padding: 0 0; } .mv-box-content { padding: 0 20px; } .sharing-content h2 { font-size: 70px; } .sharing-content h2 span { font-size: 48px; } .about-listen-content p { font-size: 20px; } .about-listen-image-inner { width: 100%; max-width: 350px; margin: 0 auto; } .about-listen-image-inner::before { max-width: 210px; } .about-listen-image-inner::after { max-width: 250px; } }/*=====media close=====*/ @media only screen and (min-width:767px) and (max-width:1200px){ .default-fluid-banner .default-caption { max-width: 650px; } .default-fluid-banner .default-caption h1 { font-size: 48px; } }/*=====media close=====*/ /*==========================Home===========================*/ /*==========================News List And Detail===========================*/ @media only screen and (max-width:767px){ .blog-page-container .blog-inner ul li { margin: 0 0 40px; width: 100%; } .blog-page-container .blog-inner ul li .blog-image a img { height: auto; } .single-post .entry-header h1.entry-title { font-size: 30px; } .single-post .post-meta span, .single-post .post-meta span a { font-size: 12px; } .single-post .post-meta-single-top .post-meta span svg { width: 15px !important; } .single-post .post-meta span.meta-icon { margin-right: 6px; } }/*=====media close=====*/ /*==========================News List And Detail===========================*/ /*=================================Gaming====================================*/ @media only screen and (max-width:767px){ .page-template-tpl-gaming .list-gaming-wrapper { width: 100%; } .page-template-tpl-gaming .list-gaming-wrapper .upper-content h1 { font-size: 45px; } .gaming-info-outer .gaming-info-item { width: 100%; margin-bottom: 10px; } .page-template-tpl-gaming .right-sidebar-wrapper { width: 100%; } }/*====media close====*/ /*=================================Gaming====================================*/ /*==========================Contact===========================*/ @media only screen and (max-width:767px){ .contact-page .contact-left { width: 100%; margin-bottom: 40px; } .contact-page .contact-right { width: 100%; } .contact-right-box .contact-1 { width: 100%; } .contact-container-wrapper .contact-page { margin-bottom: 60px; } .contact-bottom .contact-bottom-box { width: 100%; max-width: 400px; margin: 0 auto 40px; } .contact-bottom .contact-bottom-box .contact-bottom-text h3 { min-height: unset; } }/*=====media close=====*/ @media only screen and (min-width:767px) and (max-width:1000px){ .contact-bottom .contact-bottom-box i { width: 80px; height: 80px; line-height: 80px; font-size: 34px; } .contact-bottom .contact-bottom-box .contact-bottom-text h3 { font-size: 20px; } .contact-bottom .contact-bottom-box .contact-bottom-text p { font-size: 13px; } }/*=====media close=====*/ /*==========================Contact===========================*/ /*==========================Jobs===========================*/ @media only screen and (max-width:767px){ #site-content article .job-listing .job-preview .job-content { text-align: center; padding: 25px 10px; width: 100%; display: inline-block; } #site-content article .job-listing .job-cta { width: 100%; display: inline-block; padding: 0 20px; margin: 0 0 27px; } #site-content article .job-listing .job-preview { display: block; } body.single-jobs .wrap .job-post .job-side { padding-left: 0 !important; width: 100%; } body.single-jobs .job-post .job-content, .position_pdf_job.type-file .jobs-row-input a.button.ext-pdf { width: 100%; } }/*=====media close=====*/ /*==========================Jobs===========================*/ /*=================================Our History====================================*/ @media (max-width:767px){ .timeline-list ul::before { left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } .timeline-list ul li { width: 100%; text-align: left; margin: 0 0 40px; } .timeline-list ul li:last-child { margin-bottom: 0; } .timeline-list ul li h2::before { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; right: auto; top: 45%; left: -25px !important; } .timeline-list ul li h2 { font-size: 40px; } }/*=====media close=====*/ @media (min-width:767px) and (max-width:1000px){ .timeline-list ul li { width: calc(50% - 40px); } .timeline-list ul li h2 { font-size: 40px; } .timeline-list ul li:not(:first-child) { margin-top: -40px; } .timeline-list ul li h2::before { right: -67px; } .timeline-list ul li:nth-child(2n) h2::before { left: -65px; } }/*=====media close=====*/ /*=================================Our History====================================*/ /*=================================Celender====================================*/ @media (max-width:767px){ .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag { width: 100px; } }/*===media close===*/ /*=================================Celender====================================*/ li.post-author.meta-wrapper { display: none; } .short-desc-info li { width: 100% !important; border: none !important; padding: 0px !important; } .short-desc-info { padding-bottom: 50px !important; }

2026 Festival of Trees

Each year, our organization puts on the Festival of Trees to raise money for our Drop-In Community Center as well as help families in Grand Forks and Polk counties to have a nice, decorated Christmas tree that they may not otherwise be able to afford. 

LISTEN is a 501(c)3 non-profit organization in Grand Forks that strives to provide opportunities in the community for people with disabilities.

Thank you for your consideration and continued support. We greatly appreciate the opportunities your sponsorship provides us to give back to our community together.

A Big Thank You to All Our Sponsors

Leighton Broadcasting J.R Simplot Greg and Julie Nelson iHeartMedia NG Gaming Grover Gaming Advanced Business Methods Hugo’s Family Marketplace A&L Siding Ideal Aerosmith Scheels Bremer Bank Whalen’s Moving and Storage Automated Financial Services Development Homes, Inc. Alerus St. Michael’s Catholic Church VFW Post 3817 Canad Inns Destination Centre Automated Financial Services PM Services Lunseth Plumbing & Heating Co Hugo’s Wine & Spirits American Crystal Sugar Gate City Bank Randy & Lisa Fincher Apollo Electric Rural Psychiatry Associates Dakota Commercial Hugo’s Wine and Spirits Aspire Consulting Dahlstrom Motors South Forks Lions Club Gerrell’s Midwest Investigation & Security Wall’s Medicine Center Wakefield Hearing Center Blue Cross Blue Shield ND St. Michael’s Catholic Church [ngg src="galleries" ids="2" display="basic_thumbnail" override_thumbnail_settings="1"]  … Would you like me to clean up and update this HTML for the 2026 Festival of Trees page? I can: Clean up the HTML and formatting. Organize the sponsors into a neat, consistent layout. Remove duplicate sponsors (Automated Financial Services and St. Michael’s). Fix any broken or questionable website links. Keep the existing NextGEN gallery shortcode intact. Make the page look more professional while keeping the content and wording close to what you have now. This might also interest you. I want you to style that section of this pagehttps://listencenter.org/festival-of-trees/ that is the code I took a look at the live Festival of Trees page. I'd give this section a more festive, polished look while keeping it consistent with the LISTEN Center website. I'd go with a deep evergreen, warm gold, and cream color scheme. The event dates will be in three separate cards, the description will have its own section, and the sponsors will be displayed in a clean grid instead of a long list of links. I'll keep this as HTML/CSS you can paste into a WordPress Custom HTML block, and leave your NextGEN gallery shortcode at the bottom. Here is the redesigned section. I've also removed the duplicate sponsor entries and kept the sponsor names clickable wherever you supplied a website. /* Festival of Trees - LISTEN Center */ .fot-section { --fot-green: #174b38; --fot-dark: #103629; --fot-gold: #c49a48; --fot-cream: #f8f6ef; color: #333; font-family: inherit; margin: 25px 0; } .fot-section * { box-sizing: border-box; } .fot-header { background: var(--fot-green); color: #fff; text-align: center; padding: 32px 20px; border-radius: 8px; margin-bottom: 25px; } .fot-header .fot-kicker { color: #e5c77f; text-transform: uppercase; letter-spacing: 3px; font-size: 12px; font-weight: 700; } .fot-header h2 { color: #fff; font-size: 32px; margin: 8px 0; } .fot-header p { margin: 0; color: #f3ead6; } .fot-dates { display: grid; margin-top: 30px; gap: 15px; margin-bottom: 30px; } .fot-date-card { background: var(--fot-cream); border-top: 4px solid var(--fot-gold); padding: 22px 15px; text-align: center; border-radius: 5px; } .fot-date-card h3 { color: var(--fot-green); font-size: 20px; margin: 0 0 10px; } .fot-date-card .fot-date { color: #a4772c; font-size: 20px; font-weight: 700; margin: 0; } .fot-description { background: #fff; border-left: 4px solid var(--fot-gold); padding: 20px 25px; margin: 25px 0 35px; } .fot-description p { line-height: 1.7; margin: 0 0 12px; } .fot-description p:last-child { margin-bottom: 0; } .fot-sponsors { background: var(--fot-cream); padding: 30px 22px; border-radius: 8px; margin: 30px 0; } .fot-sponsors h2 { text-align: center; color: var(--fot-green); font-size: 20px; margin: 0 0 8px; } .fot-sponsor-subtitle { text-align: center; color: #777; margin-bottom: 25px; } .fot-sponsor-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } .fot-sponsor-grid a, .fot-sponsor-grid span { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 65px; padding: 12px; background: #fff; border: 1px solid #e8e3d7; border-radius: 5px; color: var(--fot-green); font-weight: 600; font-size: 13px; text-decoration: none; transition: all .2s ease; } .fot-sponsor-grid a:hover { background: var(--fot-green); color: #fff; border-color: var(--fot-green); } .fot-thanks { text-align: center; padding: 20px 10px; color: var(--fot-green); } .fot-thanks p { line-height: 1.6; } .fot-gallery { margin-top: 30px; }