/*
Theme Name: upstreamworks
Theme URI: http://www.upstreamworks.com 
Description: The upstreamworks WordPress theme that graced version 1.0 to version 2.9, based on the famous <a href="http://www.upstreamworks.com">upstreamworks</a>.
Version: 1.0.0
Author: upstreamworks
Author URI: http://www.upstreamworks.com
Text Domain: upstreamworks
*/

.submitbutton .wpcf7-submit { 
	margin-top: 30px;
	    width: 200px;
    height: 50px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    background: #0878be;
}

span.wpcf7-not-valid-tip { color: white }
.page-id-20 .takeArea.space { display: none } /* Hack to hide section on demo page */
.page-id-5 .channelArea .text a { display: none }  /* Hack to hide section on products page */
.newsArea .news .sub .image { background: none !important }
.news .attachment-post-thumbnail { max-width: 100%; height: auto; }

.caseArea .case, .caseArea h3 { color: white !important } 
.caseArea .blog, .caseArea .blog h3 { color: white  !important } 
.caseArea .event, .caseArea .event h3 { color: white  !important } 
.caseArea .event { padding-right: 20px !important}
.caseArea .event li { list-style: none }

.actionArea p {
    margin: 0px 0 24px 0 !important;
}

#em-booking { background: #ffffff }
#em-booking label { color: black }
.em-booking-form label { width: 100%; font-weight: normal; font-size: 16px; line-height: 20px  } 
.em-booking-form input { padding: 0 15px; }
.em-booking-form-details { width: 100%; }
.em-booking-form p {
    float: left;
    width: 33%;
	clear: none;
}
.em-booking-form p:nth-child(2n) { clear: right; }
.em-booking-form p:nth-child(2n+1) {clear: left;}
.em-booking-buttons { clear: both }
.em-ticket-select { min-width: 30px; width: 85%; }
.em-booking-form-details input.input, .em-booking-form-details textarea { width: 85% }
.em-booking-submit { width: 99px;
height: 48px;
float: left;
font-size: 16px;
color: #097BBA;
font-weight: 500;
text-transform: uppercase;
border: 1px solid #097BBA;
background: none;
}

.menuArea li a:hover {background-color: #0277C4 }
.menuArea li { margin-left: 0px  !important;  }
.menuArea li a { padding-left: 17px !important; padding-right: 17px !important;  } 

#featuredImageWrapper { 
width: 100%;
float: left;
margin-top: 10px;
}
.single-event #featuredImageWrapper {
margin-top: 0px
}
.single-event .contentArea { padding-top: 40px }
.single-event .contentArea h3 { padding-top: 25px }


#featuredImageWrapper img { width: 100%; height: auto; }  
.eventarea h2 { display: none }
.eventarea a { color: white }

.BAPcontainer h1 {
    font-family: 'montserratlight';
    font-size: 32px;
    color: #0878be;
    line-height: 40px;
}

.BAPcontainer h2 {
    margin-bottom: 15px;
    color: #0070c0;
    line-height: normal;
    font-size: 24px;
}

.BAP3 h2, .BAP3 p{ color: #fff;}

.BAP1 { max-width: 805px; margin: 0 auto; margin-top: 50px; margin-bottom: 40px }
.BAP1  h3 { color: #000; }
.BAP2 { max-width: 1080px; margin: 0 auto; margin-top: 10px; margin-bottom: 20px }
.BAP4 { max-width: 960px; margin: 0 auto; margin-top: 50px; margin-bottom: 60px }
.BAP5 {  color: #fff;  font-size: 30px;  }

.callOuts .bapfgroup { width: 50% !important; }
.callOuts .wpcf7-form { padding: 0 0 0 0 !important;}
.callOuts .fgroup .wpcf7-list-item input[type="checkbox"] { top: 10px; left: -2px; }

.whitebutton, .whitetakeArea a {
    padding: 15px 30px 10px 30px;
    display: inline-block;
    font-size: 16px;
    color: #fff !important;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #fff;
}

.columnM1 { max-width: 1200px;  margin: 0 auto; }
.columnM2 { max-width: 1080px;  margin: 0 auto; }
.columnM3 { max-width: 960px;  margin: 0 auto; }
.columnM4 { max-width: 720px;  margin: 0 auto; }
.columnM5 { max-width: 550px;  margin: 0 auto; }
.columnM6 { max-width: 450px;  margin: 0 auto; }
.allwhite, .allwhite h3, .allwhite h1, .allwhite h2, .allwhite h4, .allwhite p, .allwhite span { color: white !important }
.whitetakeArea { margin: 20px 0 0 0 !important; padding: 0px !important; }
.whitetakeArea .wpb_text_column { text-align: left }
.whitetakeArea a { margin-top: 20% }

.grayboxes .vc_column-inner { min-height: 390px }
.partners2 { color: #fff;  font-size: 14px; line-height:initial;  }
.partners2 a { padding: 5px 25px; color: #fff !important;  font-size: 14px; line-height:60px; border: 2px solid #fff;    }
.partners2 h4 {color: #fff !important;  font-size: 20px; line-height:initial;}
.partners2 .wpb_text_column { max-width: 500px; }

.blog-menu ul {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
}

.blog-menu ul li {
    padding: 0 25px;
    position: relative;
}

.blog-menu ul li a {
    font-size: 18px;
    color: inherit;
}

.blog-menu ul .current-menu-item a,
.blog-menu ul li a:hover {
    color: #0777BE;
    text-decoration: underline;
}

.blog-menu ul li::before {
    content: '|';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.blog-menu ul li:last-child::before {
    display: none;
}

.newsArea .news .sub .text .cat-and-date {
    display: flex;
    gap: 20px;
    text-transform: uppercase;
}

.newsArea .news .sub .text .cat-and-date span {
    margin-bottom: 0;
    color: inherit;
}

.more .fa {
    font-size: 10px;
}

@media (min-width:768px) { 
.partners2left { position: absolute; right: 50px; top: 20px }
.partners2right { position: absolute; left: 50px;  top: 0px }
}

.partners3 h2, .partners3 p { color: #fff !important;}
.partners3 h2 {
    margin-bottom: 15px;
    line-height: normal;
    font-size: 24px;
}

.partners4 {
    border: 2px solid #f3f3f3;
    border-radius: 6px;
    margin:0px 10px 10px 10px;
}

.partners5 {  color: #fff;  font-size: 30px;  }

.wpcf7-not-valid-tip { color: red !important; background-color: beige; }
.vccontentarea h1 { margin-top: 0px; line-height: 50px !important }
.vccontentarea { padding-bottom: 20px !important }


@media (max-width:1024px) { .vc_row { padding-left: 10px; padding-right: 10px } }

.whitepic { width: 216px; float: left; background-color: #F2F2F2; height: 276px; }
.whitecontent { width: 354px; height: 276px; float: left; padding:10px; background-color: #F2F2F2;  }
.whitepaper { margin-bottom: 20px; width: 600px !important  }
.whitepaper img { display: inline }
.whitepaper h4 { margin-top: 0; margin-bottom: 5px; font-size: 24px; line-height: 26px } 

.caseArea .blog { max-height: 467px; overflow: hidden; }

@media (max-width:767px) {
.whitetakeArea a {
    margin-top: 0px;
  }
.caseArea .case { padding-bottom: 12px !important }


}
@media (min-width:767px) {
  .caseArea .row { display: flex; }
}

.casenone { /*cursor: Default !important */ } 
.acceptthis .wpcf7-list-item input[type="checkbox"] { margin: 5px 10px 0 0 !important; float: left; }
.acceptthis .wpcf7-list-item-label { width: 95% !important; float: left; }

.webinarpic { width: 216px; float: left; background-color: #F2F2F2; height: 376px; }
.webinarcontent { width: 354px; height: 376px; float: left; padding:20px; background-color: #F2F2F2;  }
.customerpic { width: 216px; float: left; background-color: #F2F2F2; height: 350px; }
.customercontent { width: 354px; height: 350px; float: left; padding:20px; background-color: #F2F2F2;  }


.page-template-template_career .team a { color: #0777BE }

.omniheading { display: inline-block;
font-family: 'montserratlight';
font-size: 20px;
color: #0878be;
line-height: 24px;
font-weight: bold;
margin-bottom: 15px
}

.caseArea .blog #imageContainer, .caseArea .casecus #imageContainer {  vertical-align: bottom;  display: table-cell;}
.caseArea .blog img, .caseArea .casecus img { position: absolute; bottom: 0px}
@media (max-width: 1000px) { 
.caseArea .casecus img, .caseArea .case img { width: 100%; left:0px;}
}

@media (max-width: 767px) { 
.caseArea .casecus img, .caseArea .case img { position: relative;}
}

@media (min-width: 1000px) { 
.caseArea .casecus img, .caseArea .case img  { width: 400px; margin-left: -40px; max-height: 205px}
}

@media (max-width: 1200px) { 
	.headsetArea .text { margin: 0px !important; clear: both }
	.headsetArea iframe { max-width: 130%}
}

.page-template-template_webinarvideo div.wpcf7-mail-sent-ok { background-color: green !important }

#demoform .fleft:nth-child(3) { float: left }
#demoform span.wpcf7-list-item { margin-left: 0px}
#demoform .fleft { margin-right: 2%}
#demoform .wpcf7-submit { margin-top: 30px }

.uptabitems {  list-style-type: none;     padding: 0 !important;     overflow: hidden; margin: 0px}
.uptabitems li { float: left; margin-right: 10px !important; margin-bottom: 10px;  color: #0070c0; display: block; text-align: center;padding: 10px;text-decoration: none;background-color: #CCC;width: 130px  }

.maForm label { margin-bottom: 7px;font-weight: normal;/*color: #0070C0 !important; */}
.maFormElement, .maFormComboContainer { padding: 0px 0px !important; margin-right: 1% }
.maFormElement { float: left;}
form.maForm label:not(.formCheckboxLabel) { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; width: 100% }
form.maForm .formCheckbox { height: 10px; margin-right: 5px }

@media (min-width: 767px) { 
	form.maForm div.maFormElement { width: 47%; margin-right: 2% }
	form.maForm div.maFormFieldTypeStandardCheckbox { width: 98%; margin-right: 0% }
	

}
@media (max-width: 767px) { 
	form.maForm div.maFormElement { width: 100%; }
	form.maForm div.maFormFieldTypeStandardCheckbox { width: 100%; margin-right: 0% }
}

@media (min-width: 1200px) { 
	.page-template-template_customers form.maForm div.maFormElement, .page-template-template_contact form.maForm div.maFormElement{
    width: 31%;
    margin-right: 2%;
	} 

	.page-template-template_customers form.maForm div.maFormFieldTypeStandardCheckbox, .page-template-template_contact form.maForm div.maFormFieldTypeStandardCheckbox {
		width: 98%;
		margin-right: 0%;
	}
}