/*Bitte Änderungen nur in Absprache mit Tobi*/

/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

.footer_color, .alternate_color {
	background-color: #174462;
}

/*Add your own styles here:*/

.stretch_full {
	display: none;
	visibility: hidden;
}

.responsive #socket .sub_menu_socket { display: block !important; }

/*Remove rounded corners*/

img.avia_image {
    border-radius: 0 !important;
}

/*Screen only*/

@media screen and (max-width: 480px) {
#screen-only {
  display: none;
}
}

@media screen and (max-width: 480px) {
.el_before_av_codeblock {
  display: none;
}
}

/*Responsive View*/

@media screen and (max-width: 480px) {
#mobile-view {
  text-align: center !important;
}
}

@media screen and (max-width: 480px) {
#mobile-whitespace {
  display: none;
}
}

#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before { 
  content: "" !important; 
}

#advanced_menu_hide { 
  background: black !important; 
  color: white !important; 
}

@media screen and (max-width: 480px) {
.single .content p {
  text-align: center !important;
}
}

/*Membership Application Form*/

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  font-family: droid sans;
  font-size: 14px;
  color: white;
  background-color: rgba(0,0,0,0.7);
  border: none;
  padding: 10px 20px 10px 20px;
}

.nf-form-fields-required {
  display: none;
}

.ninja-forms-field {
  border: 1px solid #D3D3D3 !important;
 }

.nf-element {
  border: 1px solid #D3D3D3 !important;
 }

#nf-field-125 {
  border: none !important;
}

#nf-field-133 {
  border: none !important;
}

#nf-field-139 {
  border: none !important;
}

#nf-field-169 {
  border: none !important;
}

/*alternative*/

/*General Styling*/

#top .avia-menu.av_menu_icon_beside {
    border: 0 !important;
}

#main { 
    padding-top: 65px !important; 
}

/*Brackets*/

.bracket-black:before {
    content: '[';
    color: rgba(0,0,0,0.85);
}

.bracket-black:after {
    content: ']';
    color: rgba(0,0,0,0.85);
}

/*About*/

#ueber-uns {
    background-image: url("http://hq-cologne.de/wp-content/uploads/2017/01/HEADQUARTERS-Marsdorf.jpg") !important;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    background-attachment: fixed;
}

#ueber-uns-content .container {
    width: 80%;
    max-width: 1310px !important;
    padding: 0;
}

.bracket-red:before {
    content: '[';
    color: #E5481D;
}

.bracket-red:after {
    content: ']';
    color: #E5481D;
}

.squarebrackets-red:before {
   content: " ";
   position: absolute;
   border-left:3px solid #E5481D;
   border-top:3px solid #E5481D;
   border-bottom:3px solid #E5481D;
   padding:15px;
   top:-10px;
   bottom:-10px;
   left: -5px;
}

.squarebrackets-red:after
{
   content: " ";
   position: absolute;
   border-right:3px solid #E5481D;
   border-top:3px solid #E5481D;
   border-bottom:3px solid #E5481D;
   padding:15px;
   top:-10px;
   bottom:-10px;
   right: -5px;
}

.squarebrackets-red {
   padding: 10px 25px 10px 25px;
}

/*Tweets*/

#latest-tweets {
    background-image: url("http://hq-cologne.de/wp-content/uploads/2017/01/HEADQUARTERS-Downtown-Location.jpg") !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

#recent-tweets-content .container {
    width: 80%;
    max-width: 1310px !important;
    padding: 0;
}

.bracket-cyan:before {
    content: '[';
    color: #009DB1;
}

.bracket-cyan:after {
    content: ']';
    color: #009DB1;
}

/*Our Heads*/

#our-heads {
    background-image: url("http://hq-cologne.de/wp-content/uploads/2017/01/HEADQUARTERS-Marsdorf-Events.jpg") !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

#our-heads-content .container {
    width: 80%;
    max-width: 1310px !important;
    padding: 0;
}

.bracket-purple:before {
    content: '[';
    color: #B50156;
}

.bracket-purple:after {
    content: ']';
    color: #B50156;
}

.squarebrackets-purple:before {
   content: " ";
   position: absolute;
   border-left:3px solid #B50156;
   border-top:3px solid #B50156;
   border-bottom:3px solid #B50156;
   padding:15px;
   top:-10px;
   bottom:-10px;
   left: -5px;
   margin-top: 125px;
}

.squarebrackets-purple:after
{
   content: " ";
   position: absolute;
   border-right:3px solid #B50156;
   border-top:3px solid #B50156;
   border-bottom:3px solid #B50156;
   padding:15px;
   top:-10px;
   bottom:-10px;
   right: -5px;
   margin-top: 125px;
}

.squarebrackets-purple {
   padding: 10px 25px 10px 25px;
}

.squarebrackets-purple-2:before {
   content: " ";
   position: absolute;
   border-left:3px solid #B50156;
   border-top:3px solid #B50156;
   border-bottom:3px solid #B50156;
   padding:15px;
   top:-10px;
   bottom:-10px;
   left: -5px;
   margin-bottom: 40px;
}

.squarebrackets-purple-2:after
{
   content: " ";
   position: absolute;
   border-right:3px solid #B50156;
   border-top:3px solid #B50156;
   border-bottom:3px solid #B50156;
   padding:15px;
   top:-10px;
   bottom:-10px;
   right: -5px;
   margin-bottom: 40px;
}

#our-heads-content .avia-button {
   border-radius: 0px;
   margin-left: 30px;
   color: rgba(0,0,0,0.85) !important;
   font-family: droid sans;
   font-size: 16px;
   font-style: italic;
}

/*Membership Options*/

#membership-options {
    background-image: url("http://hq-cologne.de/wp-content/uploads/2017/01/HEADQUARTERS-Downtown-Events.jpg") !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

#membership-options-content .container {
    width: 80%;
    max-width: 1310px !important;
    padding: 0;
}

.bracket-light-green:before {
    content: '[';
    color: #DBDD3B;
}

.bracket-light-green:after {
    content: ']';
    color: #DBDD3B;
}

.squarebrackets-light-green:before {
   content: " ";
   position: absolute;
   border-left:3px solid #DBDD3B;
   border-top:3px solid #DBDD3B;
   border-bottom:3px solid #DBDD3B;
   padding:15px;
   top:-10px;
   bottom:-10px;
   left: -5px;
   margin-bottom: 40px;
}

.squarebrackets-light-green:after
{
   content: " ";
   position: absolute;
   border-right:3px solid #DBDD3B;
   border-top:3px solid #DBDD3B;
   border-bottom:3px solid #DBDD3B;
   padding:15px;
   top:-10px;
   bottom:-10px;
   right: -5px;
   margin-bottom: 40px;
}

#membership-options-content .avia-button {
   border-radius: 0px;
   margin-left: 30px;
   color: rgba(0,0,0,0.85) !important;
   font-family: droid sans;
   font-size: 16px;
   font-style: italic;
}

/*Members and Partners*/

.size-medium {
    height: 200px !important;
    width: 200px !important;
}

#members-and-partners {
    background-image: url("http://hq-cologne.de/wp-content/uploads/2017/01/HEADQUARTERS-Marsdorf-Location.jpg") !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

#members-and-partners-content .container {
    width: 80%;
    max-width: 1310px !important;
    padding: 0;
}

#members-and-partners-content .av_one_fifth a {
    background-color: rgba(220,220,220,.4);
    border: 3px solid #ffffff;
}

#members-and-partners-content .av_one_sixth a {
    background-color: rgba(220,220,220,.4);
    border: 3px solid #ffffff;
}

/*Offices*/

#offices {
    background-image: url("http://hq-cologne.de/wp-content/uploads/2017/01/HEADQUARTERS-Downtown-Art.jpg") !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

#offices-content .container {
    width: 80%;
    max-width: 1310px !important;
    padding: 0;
}

.bracket-dark-blue:before {
    content: '[';
    color: #006FB7;
}

.bracket-dark-blue:after {
    content: ']';
    color: #006FB7;
}

.squarebrackets-dark-blue:before {
   content: " ";
   position: absolute;
   border-left:3px solid #006FB7;
   border-top:3px solid #006FB7;
   border-bottom:3px solid #006FB7;
   padding:15px;
   top:-10px;
   bottom:-10px;
   left: -5px;
   margin-top: 125px;
}

.squarebrackets-dark-blue:after
{
   content: " ";
   position: absolute;
   border-right:3px solid #006FB7;
   border-top:3px solid #006FB7;
   border-bottom:3px solid #006FB7;
   padding:15px;
   top:-10px;
   bottom:-10px;
   right: -5px;
   margin-top: 125px;
}

.squarebrackets-dark-blue {
   padding: 10px 25px 10px 25px;
}

/*Contacts*/

#contacts {
    background-image: url("http://hq-cologne.de/wp-content/uploads/2017/01/HEADQUARTERS-Conference-Room.jpg") !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

#contacts-content .container {
    width: 80%;
    max-width: 1310px !important;
    padding: 0;
}

.bracket-yellow:before {
    content: '[';
    color: #FFD600;
}

.bracket-yellow:after {
    content: ']';
    color: #FFD600;
}

.squarebrackets-yellow:before {
   content: " ";
   position: absolute;
   border-left:3px solid #FFD600;
   border-top:3px solid #FFD600;
   border-bottom:3px solid #FFD600;
   padding:15px;
   top:-10px;
   bottom:-10px;
   left: -5px;
}

.squarebrackets-yellow:after
{
   content: " ";
   position: absolute;
   border-right:3px solid #FFD600;
   border-top:3px solid #FFD600;
   border-bottom:3px solid #FFD600;
   padding:15px;
   top:-10px;
   bottom:-10px;
   right: -5px;
}

.squarebrackets-yellow {
   padding: 10px 25px 10px 25px;
}

/*Downtown*/

#downtown-content .container {
    width: 80%;
    max-width: 1310px !important;
    padding: 0;
}

.bracket-downtown-blue:before {
    content: '[';
    color: #009DB1;
}

.bracket-downtown-blue:after {
    content: ']';
    color: #009DB1;
}

.squarebrackets-downtown-blue:before {
   content: " ";
   position: absolute;
   border-left:3px solid #009DB1;
   border-top:3px solid #009DB1;
   border-bottom:3px solid #009DB1;
   padding:15px;
   top:-10px;
   bottom:-10px;
   left: -5px;
}

.squarebrackets-downtown-blue:after
{
   content: " ";
   position: absolute;
   border-right:3px solid #009DB1;
   border-top:3px solid #009DB1;
   border-bottom:3px solid #009DB1;
   padding:15px;
   top:-10px;
   bottom:-10px;
   right: -5px;
}

.squarebrackets-downtown-blue {
   padding: 10px 25px 10px 25px;
}

/*Services*/

#services {
    background-image: url("http://hq-cologne.de/wp-content/uploads/2017/01/HEADQUARTERS-Event-Catering.jpg") !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

#services-content .container {
    width: 80%;
    max-width: 1310px !important;
    padding: 0;
}

.bracket-service-blue:before {
    content: '[';
    color: #006FB7;
}

.bracket-service-blue:after {
    content: ']';
    color: #006FB7;
}

.squarebrackets-service-blue:before {
   content: " ";
   position: absolute;
   border-left:3px solid #006FB7;
   border-top:3px solid #006FB7;
   border-bottom:3px solid #006FB7;
   padding:15px;
   top:-10px;
   bottom:-10px;
   left: -5px;
}

.squarebrackets-service-blue:after
{
   content: " ";
   position: absolute;
   border-right:3px solid #006FB7;
   border-top:3px solid #006FB7;
   border-bottom:3px solid #006FB7;
   padding:15px;
   top:-10px;
   bottom:-10px;
   right: -5px;
}

.squarebrackets-service-blue {
   padding: 10px 25px 10px 25px;
}

/*Service Offerings*/

#service-offerings-content .container {
    width: 80%;
    max-width: 1310px !important;
    padding: 0;
}

.bracket-service-offerings-green:before {
    content: '[';
    color: #DBDD3B;
}

.bracket-service-offerings-green:after {
    content: ']';
    color: #DBDD3B;
}

.squarebrackets-service-offerings-green:before {
   content: " ";
   position: absolute;
   border-left:3px solid #DBDD3B;
   border-top:3px solid #DBDD3B;
   border-bottom:3px solid #DBDD3B;
   padding:15px;
   top:-10px;
   bottom:-10px;
   left: -5px;
   margin-top: 125px;
}

.squarebrackets-service-offerings-green:after
{
   content: " ";
   position: absolute;
   border-right:3px solid #DBDD3B;
   border-top:3px solid #DBDD3B;
   border-bottom:3px solid #DBDD3B;
   padding:15px;
   top:-10px;
   bottom:-10px;
   right: -5px;
   margin-top: 125px;
}

.squarebrackets-service-offerings-green {
   padding: 10px 25px 10px 25px;
}

/*HQ Event-Gastronomy Contact*/

#event-gastronomy-contacts {
    background-image: url("http://hq-cologne.de/wp-content/uploads/2017/01/HEADQUARTERS-Event-Gastronomy.jpg") !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

#event-gastronomy-contacts-content .container {
    width: 80%;
    max-width: 1310px !important;
    padding: 0;
}

.bracket-yellow:before {
    content: '[';
    color: #FFD600;
}

.bracket-yellow:after {
    content: ']';
    color: #FFD600;
}

.squarebrackets-yellow:before {
   content: " ";
   position: absolute;
   border-left:3px solid #FFD600;
   border-top:3px solid #FFD600;
   border-bottom:3px solid #FFD600;
   padding:15px;
   top:-10px;
   bottom:-10px;
   left: -5px;
}

.squarebrackets-yellow:after
{
   content: " ";
   position: absolute;
   border-right:3px solid #FFD600;
   border-top:3px solid #FFD600;
   border-bottom:3px solid #FFD600;
   padding:15px;
   top:-10px;
   bottom:-10px;
   right: -5px;
}

.squarebrackets-yellow {
   padding: 10px 25px 10px 25px;
}

/*Membership Application*/

#membership-content .container {
    width: 80%;
    max-width: 1310px !important;
    padding: 0;
}

@media screen and (min-width: 0px) and (max-width: 720px) {
.mobile-hide { display: none; }
}

/*Events*/

#events-content .container {
    width: 80%;
    max-width: 1310px !important;
    padding: 0;
}

.bracket-events-blue:before {
    content: '[';
    color: #009fe3;
}

.bracket-events-blue:after {
    content: ']';
    color: #009fe3;
}

.squarebrackets-news-purple:before {
   content: " ";
   position: absolute;
   border-left:3px solid #B50156;
   border-top:3px solid #B50156;
   border-bottom:3px solid #B50156;
   padding:15px;
   top:-10px;
   bottom:-10px;
   left: -5px;
   margin-top: 125px;
}

.squarebrackets-news-purple:after
{
   content: " ";
   position: absolute;
   border-right:3px solid #B50156;
   border-top:3px solid #B50156;
   border-bottom:3px solid #B50156;
   padding:15px;
   top:-10px;
   bottom:-10px;
   right: -5px;
   margin-top: 125px;
}

.squarebrackets-news-purple {
   padding: 10px 25px 10px 25px;
}

.squarebrackets-events-blue:before {
   content: " ";
   position: absolute;
   border-left:3px solid #009fe3;
   border-top:3px solid #009fe3;
   border-bottom:3px solid #009fe3;
   padding:15px;
   top:-10px;
   bottom:-10px;
   left: -5px;
   margin-top: 125px;
}

.squarebrackets-events-blue:after
{
   content: " ";
   position: absolute;
   border-right:3px solid #009fe3;
   border-top:3px solid #009fe3;
   border-bottom:3px solid #009fe3;
   padding:15px;
   top:-10px;
   bottom:-10px;
   right: -5px;
   margin-top: 125px;
}

.squarebrackets-events-blue {
   padding: 10px 25px 10px 25px;
}

.avia-table th {
   font-style:italic;
   font-size:16px;
}

.avia-table td {
   font-size:16px;
}

#events-contact {
    background-image: url("http://hq-cologne.de/wp-content/uploads/2017/07/HQ-1st-Anniversary.jpg") !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

/*HQ Founders Fastelovend*/

#hq-founders-fastelovend {
    background-image: url("http://hq-cologne.de/wp-content/uploads/2017/01/HQ-Founders-Fastelovend.jpg") !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

/*Remaining Office Space*/

#remaining-office-space {
    background-image: url("http://hq-cologne.de/wp-content/uploads/2017/01/HEADQUARTERS-Marsdorf-Conference-Room.jpg") !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

/*HQ 1st Anniversary*/

#hq-first-anniversary {
    background-image: url("http://hq-cologne.de/wp-content/uploads/2017/07/HQ-1st-Anniversary.jpg") !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

/*HQ Marsdorf - No Available Office Space*/

.squarebrackets-light-green-2:before {
   content: " ";
   position: absolute;
   border-left:3px solid #DBDD3B;
   border-top:3px solid #DBDD3B;
   border-bottom:3px solid #DBDD3B;
   padding:15px;
   top:-10px;
   bottom:-10px;
   left: -5px;
}

.squarebrackets-light-green-2:after
{
   content: " ";
   position: absolute;
   border-right:3px solid #DBDD3B;
   border-top:3px solid #DBDD3B;
   border-bottom:3px solid #DBDD3B;
   padding:15px;
   top:-10px;
   bottom:-10px;
   right: -5px;
}

.squarebrackets-light-green-2 {
   padding: 10px 25px 10px 25px;
}