/*
Theme Name: Outlier
Description: Outlier Custom Theme
Version: 0.9
Author: Rob Williams, COMPU-101
Tags: custom template
*/

/* Default Styles */

html, body {
    width:                  100%;
    height:                 100%;
    font-family:            'Oxygen', 'Verdana', 'Arial', sans-serif !important;
    line-height:            1.4em;
    background:             #fff;
}
body { overflow-x: hidden; }

p {
    padding:                0 0 1em 0;
    font-size:              1em;
    line-height:            1.2em;
}
.bold { font-weight: bold; }
.italic { font-style: italic; }
.textleft { text-align: left; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

img.aligncenter {
    display: block;
}

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { margin: 0 auto; }


/* Basic styles */

body {

}

a { text-decoration: none; color: #6BB272; }
a:hover { color: #6BB272; }

h1:not(.tribe-events-single-event-title) { font-size: 3em; line-height: 1.2em; color: white; background: #346437; font-weight: normal; margin: 0 0 0.5em 0; position: relative; padding: 0.5em; }
.home h1 { margin: 0 0 10px 0; }
h2 { font-size: 2.25em; line-height: 1.2em; color: #346437; font-weight: normal; padding: 0 0 0.5em 0; }
h2 a { color: #346437; }
h3, .entry-content h2 { font-size: 1.5em; line-height: 1.2em; color: #346437; font-weight: normal; padding-bottom: 0.5em; }
h4 { font-size: 1.25em; line-height: 1.2em; color: #346437; font-weight: normal; }
h2.main_title { text-indent: 0.5em; }
h2.main_title:after { display: table; clear: both; content: ''; }

.footer, .push {
    position:               relative;
    font-size:              0.7em;
    height:                 400px;
    margin:                 0 auto;
    color:                  white;
}

footer {
    background: #14663d; /* Old browsers */
    /*background: -moz-linear-gradient(top, #6bb272 0%, #346437 100%); !* FF3.6+ *!*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6bb272), color-stop(100%,#346437)); !* Chrome,Safari4+ *!*/
    /*background: -webkit-linear-gradient(top, #6bb272 0%,#346437 100%); !* Chrome10+,Safari5.1+ *!*/
    /*background: -o-linear-gradient(top, #6bb272 0%,#346437 100%); !* Opera 11.10+ *!*/
    /*background: -ms-linear-gradient(top, #6bb272 0%,#346437 100%); !* IE10+ *!*/
    /*background: linear-gradient(to bottom, #6bb272 0%,#346437 100%); !* W3C *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bb272', endColorstr='#346437',GradientType=0 ); !* IE6-9 *!*/
    padding: 1em 0;
}
.footer_columns { list-style: none outside; text-align: center; color: white; }
.footer_menu_left, .footer_menu_center { list-style: none outside; text-align: left; }
.footer_menu_left { margin-bottom: 1em; }
.footer_menu_center .sub-menu { list-style: none outside; padding-left: 2em; font-size: 0.8em; }
.footer_columns > li { width: auto; display: inline-block; vertical-align: top; margin-right: 2em; }
.footer_columns > li:last-child { margin-right: 0; }
.footer_columns > li:last-child p { padding: 0; line-height: 1.4em; color: white; }
footer a { color: white; }


.container { width: 95%; max-width: 1280px; margin: 0 auto; }

.outlier_team { list-style: none outside; width: fit-content; margin: 0 auto; text-align: center; }
.outlier_team:after { content:''; clear: both; display: table; }
.outlier_team li { display: inline-block; width: 30%; vertical-align: top; margin: 0 1% 1em 0; text-align: center; }
.outlier_team li img { border-radius: 100px; border: 1px black solid; }
.outlier_team li:hover img { -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite; }
.outlier_team .team_name { display: block; font-size: 0.9em; }
.outlier_team .team_title { display: block; font-size: 0.8em; }

.outlier_slider_container { background: white; position: relative; overflow-x: hidden; height: 350px; }
.outlier_slider { width: fit-content; white-space: nowrap; }
.outlier_slider article { display: inline-block; width: 30%; height: 90%; padding: 1.3%; margin: 0%; background: yellow; position: relative; }

.front_page_section { position: relative; background-repeat: no-repeat; }
.front_page_section article { padding: 2em; }
.front_page_section > p { padding: 0 3rem 2rem 3rem; }
.home .gform_wrapper { padding: 3rem; }

.logo { width: 388px; height: 66px; position: relative; display: block; }
.logo svg, .logo_image { position: absolute; top: 0; left: 0; height: 100%; z-index: 3; }
.logo .logo_gradient {
    position: absolute;
    top: 6px;
    left: 5px;
    width: 51px;
    height: 51px;
    border: 2px black solid;
    border-radius: 999px;
    background: url(images/logo_gradient.jpg) no-repeat center center;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
    z-index: 2;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.logo_text { fill:#0f4023; }
.logo_blip_and_points { fill:#000000; }
.logo_crosshairs { fill: none; stroke: #231F20; stroke-miterlimit:10; }

.pride .logo_gradient { background: url(images/pride_gradient.jpg) no-repeat center center; }
.pride .logo_u { fill: #ff0000; }
.pride .logo_t { fill: #ff5000; }
.pride .logo_l { fill: #ffff00; stroke: #c2c000; stroke-width: 1; }
.pride .logo_i { fill: #00aa00; }
.pride .logo_e { fill: #0000ff; }
.pride .logo_r { fill: #ff00c6; }



/* Specific Styles */

body > header {
    position:               fixed;
    z-index:                9999;
    left:                   0;
    top:                    0;
    padding:                0.5em 0;
    width:                  100%;
    min-height:             100px;
    background:             rgba(255,255,255,0.8);
}
body.logged-in > header { margin-top: 31px; }
body.outlier_page > header { margin-top: 0; }

.header_placeholder { height: 140px; background: white; }

.header_container {
    position:               relative;
    width:                  1020px;
    height:                 110px;
    background:             url(images/header_background.png) repeat;
    margin:                 0 auto;
}

.logo {
    position:               absolute;
    bottom:                 15px;
    left:                   30px;
}

.slogan {
    color:                  #346437;
    font-size:              20px;
    line-height:            24px;
    position:               absolute;
    left:                   280px;
    bottom:                 7px;
}

.main_menu {
    list-style:             none outside;
    position:               absolute;
    top:                    1em;
    right:                  130px;
    z-index:                500;
}

.main_menu > li {
    display:                inline;
    position:               relative;
}

.main_menu > li > a {
    font-size:              0.9em;
    line-height:            20px;
    padding:                0 0 0 15px;
}

.main_menu .sub-menu {
    position:               absolute;
    z-index:                501;
    background:             #ffffff; /* Old browsers */
    background:             -moz-linear-gradient(top, #ffffff 0%, #6bb272 100%); /* FF3.6+ */
    background:             -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#6bb272)); /* Chrome,Safari4+ */
    background:             -webkit-linear-gradient(top, #ffffff 0%,#6bb272 100%); /* Chrome10+,Safari5.1+ */
    background:             -o-linear-gradient(top, #ffffff 0%,#6bb272 100%); /* Opera 11.10+ */
    background:             -ms-linear-gradient(top, #ffffff 0%,#6bb272 100%); /* IE10+ */
    background:             linear-gradient(to bottom, #ffffff 0%,#6bb272 100%); /* W3C */
    filter:                 progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#346437',GradientType=0 ); /* IE6-9 */
    list-style:             none outside;
    padding:                0.5em 1em 0.25em;
    top:                    100%;
    left:                   50%;
    white-space:            nowrap;
    transform:              translate(-47%,0);
}


.main_menu .sub-menu li { padding: 0 0 0.4em 0; text-align: center; }
.main_menu .sub-menu li a { color: #346437; font-size: 0.78em; padding: 0; line-height: 1em; }
.main_menu .sub-menu li a:hover { color: black; }

.main_menu .sub-menu { display: none; }

.main_menu li:hover > ul, .sub-menu:hover { display: block; }

.search_bar { position: absolute; right: 30px; top: 2.25em; }
#s { width: 200px; border: 1px #6bb272 solid; border-radius: 5px; padding: 2px 5px; color: #6bb272; }
#searchsubmit { position: relative; top: 6px; }

.mobile_search_bar { display: none; }

.outlier_section { margin: 5px 0; }
.clearfix:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.column { float: left; margin: 0 5px; }
.column1 { width: 19%; }
.column2 { width: 39%; }
.column3 { width: 59%; }
.column4 { width: 79%; }
.column5 { width: 100%; }
.nopadding.column5 { width: 100%; }
.column13 { width: 32%; }
.column23 { width: 65%; }
.columnfull { width: 100%; }
.column50percent { width: 48%; }

.column1 h4 { padding: 0 0.5em; }

.nopadding { padding-left: 0 !important; padding-right: 0 !important; }

select.outlier_button, a.outlier_button.outlier_button_fixedwidth { width: 90%; }

.outlier_button option { background: #346437; color: white; }
.outlier_smaller_button { width: 40%; }
#fm_form_submit { padding: 0 2em; margin-bottom: 2em; }
.outlier_section h4 { height: 120px; }

.product_header { margin: 0 -1em 0 1em; font-size: 14px; }
.product_header li { color: #346437; padding-right: 1em; }
.product_header h3 { color: #346437; font-size: 18px; padding-top: 0.75em; }

.container > ol, .container > ul, .entry-content ul, .entry-content ol, .column3 > ul { list-style-position: outside; padding: 0 0 1em 2em; }
.container > ul ul { padding: 1em 0 0 2em; }
.container > ul ul li { padding-bottom: 1em; }
.container > ol > li, .container > ul > li, .entry-content ul li, .entry-content ol li, .column3 ul li { font-size: 1em; line-height: 20px; padding-bottom: 1em; }
.container > table, .entry-content table { width: 100%; }
.container > table th { text-align: left; font-weight: bold; }
.container > table td, .entry-content table td { font-size: 14px; line-height: 16px; padding-bottom: 1em; }
.column3 ul ul { padding: 0.5em 0 0 1em; margin-bottom: -0.5em; }
.column3 ul ul li { font-size: 0.85em; padding-bottom: 0.5em; }

.tracking_table { margin-bottom: 1em; }
.tracking_table th { padding-left: 1em; }
.tracking_table tr td { border-left: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 1em; }
.tracking_table tr td:first-child { border-left: none; }

.pad_top { padding-top: 1em; }
.pad_bottom { padding-bottom: 1em; }
.pad_top_big { padding-top: 2em; }
.pad_bottom_big { padding-bottom: 2em; }

.blog_listing > div { border-top: 1px #6AB171 solid; padding-bottom: 1em; }
.blog_listing > div:first-child { border-top: none; }

.entry-content table { border-collapse: collapse; }
.entry-content table td { border: 1px #777 solid; padding: 1em; }
.entry-content h2 strong { font-weight: normal; }

.blog .post { width: 95%; max-width: 1280px; margin: 0 auto; padding: 2em 0; }
.blog .post p:last-child { padding-bottom: 0; }
.entry-content:after { content: ''; clear: both; display: table; }

.faq-list .single-faq { padding: 0.5em 1em; border: 1px #346437 solid; border-bottom: none; cursor: pointer; }
.faq-list .single-faq:last-child { border-bottom: 1px #346437 solid !important; margin-bottom: 1em; }

.faq-list .single-faq h4 { color: #346437; }
.faq-list .single-faq:hover h4 { color: #6bb272; }

.single-faq ul, .single-faq ol { font-size: 14px; padding-bottom: 1em; }

.outlier_note { margin-top: 2em; border: 2px #346537 solid; background: #C8F7CC; padding: 1em; text-align: center; }

.force_pw_change { border: 2px #346437 solid; padding: 1em; width: 70%; margin: 1em auto; background: #D6F9D9; text-align: center; }
.force_pw_change h3 { color: #346437; line-height: 28px; }
.force_pw_change p:last-child { padding: 0; }

.wsp-pages-list, .wsp-posts-list { list-style: disc outside; padding-left: 4em; }
.wsp-pages-list .children, .wsp-posts-list .wsp-posts-list { list-style: disc outside; padding-left: 2em; }
.wsp-pages-list > li, .wsp-posts-list li { padding-bottom: 1em; }

.ml-slider span { font-family: 'Oxygen', 'Verdana', 'Arial', sans-serif !important; }

.ms-theme-cubic { padding-bottom: 0 !important; }

.mobile_icon { display: none; }

.pll-flag-switcher { position: absolute; top: calc(1em - 5px); right: 30px; display: inline-block; }
.pll-current-flag { background: none; border: none; padding: 0; cursor: pointer; color: black; }
.pll-current-flag img { display: inline-block; width: auto; position: relative; top: 0; }
.pll-current-flag .flag-primary { height: 24px;  }
.pll-flag-dropdown { display: none; position: absolute; top: 110%; right: 0; background: #fff; border: 1px solid #ddd; padding: 6px; z-index: 9999; min-width: 150px; text-align: left; }
.pll-flag-dropdown a { display: block; padding: 4px; white-space: nowrap; }
.pll-flag-dropdown img { width: 24px; height: auto; display: inline-block; margin-right: 0.5rem; vertical-align: middle; }
.pll-flag-switcher.open .pll-flag-dropdown { display: block; }


@media screen and (max-width: 768px) {
    body > header { height: 130px; }
    .header_placeholder { height: 160px; background: white; }
    .logo { bottom: auto; top: 15px; left: 15px; }
    .slogan { left: 20px; bottom: 0; }
    .outlier_cart_info { font-size: 0.8em; }
    .main_menu { font-size: 0.8em; }
    .front_page_section { background-size: 50%; }
    .footer_menu_left > li, .footer_menu_center > li { font-size: 0.8em; }
    .footer_columns > li:last-child p { font-size: 0.8em; }
    .container p, .container ul li { font-size: 0.7em; line-height: 1.3em; }
    .container p img { max-width: 50%; height: auto; }
    .outlier_team li img { width: 90%; }
}

@media screen and (max-width: 500px) {
    .search_bar { display: none; }
    .outlier_cart_info { font-size: 0.7em; bottom: auto; top: 5px; right: 15px !important; }
    .outlier_cart_info img { height: 18px; width: auto; }
    .mobile_icon { display: block; position: absolute; right: 15px; top: 40px; z-index: 50000; }
    .mobile_icon svg rect { fill: #346437; }
    .main_menu { display: none; position: relative; left: 0; right: 0; top: 0; bottom: 0; padding-top: 140px; }
    .main_menu li { display: block; width: 100%; padding: 0.4em 0; border-bottom: 1px #ccc solid; text-transform: uppercase; background: white; text-align: center; }
    .main_menu > li:first-child { border-top: 1px #ccc solid; }
    .main_menu .sub-menu { background: white; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100%; transform: translate(0,0); padding: 0.5em 0 0 !important; }
    .main_menu .sub-menu li { display: block; width: 100%; padding: 0.6em 0 !important; border-bottom: 1px #ccc solid; text-transform: uppercase; background: #346437; text-align: center; }
    .main_menu .sub-menu li a { color: white; font-size: 1em; }
    .front_page_section article { width: calc(100% - 4em) !important; }
    .front_page_section { background-image: none !important; }
    h1:not(.tribe-events-single-event-title) { font-size: 2em; }
    h2 { font-size: 1.5em; }
    .container p img { max-width: 100%; width: 100%; }
    .column3.floatleft { float: none; width: 100%; }
    .mobile_search_bar { display: block; margin: -1em 0 1em; text-align: center; }
    #s2 { width: 200px; border: 1px #6bb272 solid; border-radius: 5px; padding: 2px 5px; color: #6bb272; }
    #searchsubmit2 { position: relative; top: 6px; }
}