/*
  Theme Name:   Overtheair
  Theme URI:    http://ota.mobilecollective.co.uk
  Description:  Overtheair theme, based on Radiate
  Author:       OTA
  Author URI:   http://overtheair.org
  Template:     radiate-pro
  Version:      1.0.0
  License:      GNU General Public License v2 or later
  License URI:  http://www.gnu.org/licenses/gpl-2.0.html
  Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
  Text Domain:  overtheair
  */

/* reduce space between masthead and content */

#masthead {
  margin-bottom: 360px !important;

}
#parallax-bg {

    background-repeat: no-repeat !important;
}

// wrap inside content but should be an id  for home page
.inner-wrap {

    max-width: 1228px;

}

#primary {

/**    width: 66% !important; */
    width: 62% ! important;
}

#secondary {

/**    width: 32% !important; */
      width: 36% ! important;

}

/** mobile portrait < 768 */

@media screen and (max-width: 768px) {	  
    #primary, #secondary {
        float: none;
        width: 100% !important;
	
    }

    #page {

	width: 96%;
    }
    .inner-wrap {

	width: 100%;
    }
    #content {
	padding-top: 0;

    }

    #masthead {
	margin-bottom: 0 !important;

    }

    #parallax-bg {
	display:none;
    }

    #site-navigation .menu-menu-1-container {
	margin-top: 8px;
    }
    #masthead .site-branding {

	margin-left: 20px;

    }
    #header-logo-image > a > img {

	display:none !important;
    }

    .site-title {

	font-size: 28px;
    }
}

@media only screen 
and (min-width : 321px) {
 /* dont have fixed search bar on landscape */
    .header-wrap {

	position: relative;
    }
}

/* front-page stuff */
#latest-title {

  font-family: "Montserrat";
  font-size: 30px;
  background: #29e;
  color: white;
  margin: 0 0 20px 0;
  width: 97%;
  padding: 12px;

}
.section-title-ota {

  font-family: "Montserrat";
  font-size: 30px;
  background: #29e;
  color: white;
  margin: 0 0 20px 0;
  width: 97%;
  padding: 12px;

}

#footer-title-sponsor {
    padding-left: 56px;
    background: #4a4a4a !important;
    color: white;
}