/** * Globals */ body { background-color: #fff; color: #595959; font-family: "Montserrat", sans-serif; font-weight: 400; line-height: 1.8em; } h1, h2, h3, h4, h5, h6, strong, b, label { font-family: "Montserrat", sans-serif; font-weight: 700; } h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; } p { margin: 0 0 20px; } a { color: #ff8500; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } a:hover { color: #ff8500; opacity: 0.8; } iframe { border: none; width: 100%; } img { max-width: 100%; height: auto; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #eee; text-decoration: none; } big { font-size: 125%; } input, textarea, select { border: 1px solid #ddd; height: 40px; width: auto; padding-left: 10px; padding-right: 10px; max-width: 100%; } textarea { min-height: 140px; } input[type="submit"], button[type="submit"], .btn, .comment .comment-reply-link { background-color: #ff8500; border: 1px solid #ff8500; border-radius: 0; color: #fff; font-family: "Montserrat", sans-serif; font-weight: 700; } .btn.focus, .btn:focus, .btn:hover { color: #fff; } .widget li:before, nav[role="navigation"] li:before { content: ""; } .gallery-item { padding: 5px; } .gallery-item img { border: none !important; } .screen-reader-text { display: none; } .wp-caption { max-width: 100%; } /** * Required CSS */ .sticky, .bypostauthor { opacity: 1; } .alignright { float: right; margin: 0.5em 0 0.5em 1em; } .alignleft { float: left; margin: 0.5em 1em 0.5em 0; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } /** * Header */ #site-header .navbar-default { background-color: transparent; border: none; margin: 0; } #site-header .navbar-default .navbar-toggle { background-color: #ff8500; border: none; border-radius: 0; } #site-header .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } #site-header .navbar-default .navbar-collapse { border: none; } #site-header .navbar-brand { height: auto; } #site-header #logo { margin: 0; } #site-header #logo a { color: #333; font-size: 30px; padding-left: 0; padding-right: 0; } #site-header .site-menu { padding-top: 20px; padding-bottom: 20px; } .navbar-nav > li > .dropdown-menu { padding: 0; } .dropdown-menu > li > a { padding: 10px; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: transparent; color: #ff8500; } #main-navigation { font-family: "Montserrat", sans-serif; font-weight: 400; } #main-navigation ul.navbar-nav { margin: 0; } #main-navigation ul.navbar-nav > li.active > a { background-color: transparent; color: #ff8500; } .page-title-area { background-color: #ff8500; text-align: center; padding: 30px 0; margin-bottom: 40px; } .page-title-area .page-title { color: #fff; margin: 0; } .entry-header .entry-title { margin: 0; } .page-template-template-home #site-info { top: 0; } .page-template-template-home #site-info.bottom { margin-top: 0; } #site-info { background-color: #55396e; color: #fff; position: relative; } #site-info .info-item { padding-top: 5px; padding-bottom: 0; margin: 0 -3px 10px; text-align: left; vertical-align: top; } #site-info .info-item p, #site-info .info-item div { margin: 0 0 0 25px; } #site-info .info-item p span, #site-info .info-item div span { font-family: "Montserrat", sans-serif; font-weight: 700; } #site-info .info-item a:hover { text-decoration: none; } #site-info .info-item p:before, #site-info .info-item div:before { color: #ff8500; font-size: 20px; content: "\f041"; font-family: 'FontAwesome'; display: block; position: absolute; left: 0; top: 8px; padding: 0; text-align: center; width: 40px; } #site-info .site-phone p:before { content: "\f095"; } #site-info .site-social div:before { content: "\f0c0"; } #site-info .site-email p:before { content: "\f003"; } #site-info .site-desc { text-align: right; font-family: "Montserrat", sans-serif; padding-top: 17px; padding-bottom: 17px; } #site-info.bottom { margin-top: 40px; top: 0; } /** * Blog */ .blog-list article.post, .blog-list article.page { border-bottom: 1px solid #eee; padding-bottom: 30px; margin-bottom: 30px; } .blog-list article.post .entry-title, .blog-list article.page .entry-title { margin-bottom: 30px; } .gallery-caption, .wp-caption-text { font-size: 18px; font-style: italic; padding: 10px; } .blog .nav-links { margin-bottom: 0; } .nav-links { font-family: "Montserrat", sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom: 40px; } .nav-links .nav-previous, .nav-links .nav-next { display: inline-block; width: 50%; } .nav-links .nav-previous:before, .nav-links .nav-next:before { content: "\f177"; font-family: 'FontAwesome'; display: inline-block; padding: 10px; } .nav-links .nav-next { text-align: right; } .nav-links .nav-next:before { content: none; } .nav-links .nav-next:after { content: "\f178"; font-family: 'FontAwesome'; display: inline-block; padding: 10px; } .entry-footer .cat-tag-links { margin-top: 30px; } .entry-footer .cat-tag-links p { background-color: #eee; padding: 10px; } .entry-footer .entry-footer-title { text-align: center; margin: 0 0 20px; } .related-posts { margin-top: 60px; } .related-posts .related-item { text-align: center; margin-top: 20px; } .related-posts .related-item h3 { margin: 10px 0 0; } #respond { margin-top: 60px; } #respond .comment-reply-title { text-align: center; margin: 0; } #respond .comment-reply-title a { display: none; } #respond .comment-notes { text-align: center; } #respond textarea, #respond input[type="text"] { width: 100%; } .commentlist { margin-top: 60px; } #comments-title { text-align: center; margin: 0 0 30px; } .comment { margin-bottom: 40px; } .comment .comment-author { margin: 0; padding: 0; width: auto; } .comment .comment_content { box-sizing: border-box; margin-bottom: 5px; margin-left: 75px; } .comment .comment:not(.depth-1) { margin-left: 80px; padding: 0; } .comment .comment_content p { margin-bottom: 0; } .comment .vcard { margin-left: 0; margin-right: 10px; } .comment .vcard .avatar { float: left; position: static; } .comment .comment_content time { display: block; font-size: 14px; } .comment .comment_content time a { color: #aaa; font-size: 14px; text-decoration: none; } .comment .comment-reply-link { padding: 5px 10px; display: inline-block; margin: 10px 0 0; } .comment .comment-inner { border-bottom: 1px solid #ddd; padding-bottom: 10px; } .comment .reply-link { text-align: right; } .comment [class*=depth-] { margin-top: 1.1em; } /** * Widget */ .widget { margin-bottom: 40px; } .widget .widgettitle { font-size: 18px; text-transform: uppercase; margin: 0 0 15px; } .widget ul { list-style: none; padding: 0; margin: 0; } .widget ul ul { padding-left: 20px; } .widget select, .widget input[type="text"], .widget textarea { width: 100%; } .widget #wp-calendar { width: 100%; } .widget #wp-calendar th { text-align: center; } .widget #wp-calendar td { font-family: inherit; text-align: center; } .widget #wp-calendar td#today { font-family: "Montserrat", sans-serif; } .widget #wp-calendar caption { background: #ff8500; color: #fff; font-family: "Montserrat", sans-serif; font-weight: 700; padding: 8px 0; text-transform: uppercase; text-align: center; } .widget #wp-calendar thead { border: 1px solid #aaa; } .widget .searchform input[type="text"], .widget .searchform input[type="submit"]{ display: inline-block; vertical-align: top; } .widget .searchform input[type="text"]{ width: 75%; } .widget .searchform input[type="submit"]{ width: 25%; margin-left: -4px; } /** * Homepage Sections */ #banner { background-color: #333; overflow: hidden; } #banner .metaslider .caption-wrap { background: rgba(0, 0, 0, 0.4); opacity: 1; padding: 30px 15px; } #banner .metaslider .caption { opacity: 1; max-width: 1170px; margin: 0 auto; padding: 0 15px; } #banner .theme-default .nivo-caption { font-family: "Montserrat", sans-serif; } #banner .theme-default .nivo-caption a { border: none; } #banner p { margin: 0 0 20px !important; font-family: "Montserrat", sans-serif; } #section-1 { background-color: #eee; padding: 40px 0 30px; } #section-2 { padding: 40px 0 30px; } #section-3 .section-content { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; padding: 40px 3%; } #section-3 .section-content .half-content { color: #fff; position: relative; z-index: 2; } #section-3 .section-content:before { content: ""; position: absolute; top: 0; left: 0; opacity: 0.5; height: 100%; width: 100%; z-index: 1; } #section-3 .section-half-1:before { background-color: #55396e; } #section-3 .section-half-2:before { background-color: #ff8500; } #section-4 { padding: 40px 0 30px; } #section-5 { background-color: #ff8500; color: #fff; padding: 40px 0 30px; } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /** * Table */ table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%; } thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; } th { padding: 0.4em; text-align: left; } tr { border-bottom: 1px solid #eee; } td { padding: 0.4em; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } .tmm .tmm_member { border: 2px solid #ff8500!important; } .tmm .tmm_member .tmm_photo { border-radius: 100%!important; } .tmm .tmm_member .tmm_photo { border: 8px solid #ff8500; } .tmm .tmm_member .tmm_photo { background-position: center!important; } /** * Footer */ footer.footer { background-color: #55396e; color: #fff; padding: 60px 0; margin-top: 30px; } footer.footer .footer-item { margin-bottom: 30px; } footer.footer .footer-copyright { font-style: italic; text-align: center; } .page-template-template-home footer.footer { margin-top: 0; } @media only screen and (max-width: 991px) { #site-info { text-align: left; display: none; } #site-info.bottom { display: block; } .page-title-area { margin-bottom: 30px; } .sidebar-area { margin-top: 40px; } } @media only screen and (max-width: 991px) { .navbar-toggle { margin-right: 0; } } @media only screen and (min-width: 768px) { .navbar-header { max-width: 30%; } #main-navigation ul.navbar-nav { max-width: 70%; } } @media only screen and (max-width: 767px) { #banner .rslides img { float: none; } #banner .metaslider .caption-wrap { position: relative; } #banner .nivo-caption { position: relative; padding: 20px; } #section-3 .row-eq-height { display: block; }