/*
 Theme Name:   U-Design Child
 Template:     u-design
*/

#page-content #content-container {
  padding: 10px 0 
}

.alignright, img.alignright, a img.alignright {
    margin: 4px 0 7px 14px;
}

/* Contact form styles */

div.wpcf7 {
	margin: 0 !important;
	padding: 0 !important;
}

p + div.wpcf7, h2 + div.wpcf7, h3 + div.wpcf7 {
	margin-top: (20em / 14) !important;	
}

div.wpcf7:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.wpcf7-response-output {
	float: left;
	clear: both;
	margin: (20em / 14) 0 !important;
	padding: 10px !important;
	font-size: 13px;
	line-height: (20em / 13);
	color: $gray;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14 !important;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000 !important;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500 !important;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700 !important;
}

input.wpcf7-not-valid {
	border: 1px solid red !important;
}

span.wpcf7-form-control-wrap {
	position: relative !important;
}

span.wpcf7-not-valid-tip {
	display: none;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00 !important;
	font-size: 10px !important;
	display: block !important;
}

span.wpcf7-list-item {
	margin: (20em /14) / 4 0;
	display: block;
}

.wpcf7-list-item-label {
	float: left;
}

.wpcf7-display-none {

}

.wpcf7-select {
	margin-top: 5px;
}

div.wpcf7 img.ajax-loader {
	border: none !important;
	vertical-align: middle !important;
	margin-left: 4px !important;
	margin-top: 8px !important;	
	float: left;
}

div.wpcf7 .placeheld {
	color: #888 !important;
}

.wpcf7-form input, .wpcf7-form select {
    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    font-size: 1.1em;
    color: #333;
}
.wpcf7-form input {
    width: 310px;
}

.wpcf7-checkbox input {
	width: auto !important;
}

.wpcf7-checkbox .wpcf7-list-item-label {
	float: none;
}

.wpcf7-checkbox span.wpcf7-list-item {
	display: inline-block;
}

.wpcf7-checkbox.multiline span.wpcf7-list-item {
	display: block;
}

.wpcf7-checkbox.multiline span.wpcf7-list-item {
	margin-left: 0;
}

.wpcf7-checkbox span.wpcf7-list-item.first {
	margin-left: 0;
}

.wpcf7-form input.submit {
    border-color: #FFF #999 #999 #FFF;
    padding: 5px 25px;
    cursor: pointer;
	float: left;
width: auto;
}
.wpcf7-form textarea {
    font-size: 100%;
    padding: 0.6em 0.5em 0.7em;
    border-color: #B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
    border-style: solid;
    border-width: 1px;
    width: 100%;
}

.wpcf7 .name-at-placement-container {
	display: none;
}

.tribe-events-single,
.tribe-events-list {
  margin: auto;
  max-width: 920px;
}

.tribe-events-list {
  margin-bottom: 0 !important;
}

.tribe-events-photo-event-wrap{
  background-color: transparent !important;
  border: 0 !important;
}

.tribe-bar-disabled {
  display: none !important;
}

.tribe-events-page-title {
  font-size: 28px !important;
}

@media only screen and (min-width: 960px) {
  #tribe-events-photo-events {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .tribe-events-event-details {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .tribe-events-list-photo-description p {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}


@media only screen and (max-width: 959px) {
	.tribe-events-photo-grid-sizer {
	  width: 100% !important;
	}
  
  .tribe-events-single,
  .tribe-events-list {
    max-width: 680px;
  }
  
  .tribe-events-photo-event {
    width: 100% !important;
  }
}

@media only screen and (max-width: 719px) {
  .tribe-events-single,
  .tribe-events-list {
    max-width: 440px;
  }
}

@media only screen and (max-width: 480px) {
  .tribe-events-single,
  .tribe-events-list {
    max-width: 320px;
  }
}

/* iphone portrait */
@media only screen and (max-width : 320px){
	
	#navigation-menu {
	    margin-top: 0;
	}
	
	#video iframe {
		width: 220px;
		height: 124px;
	}

	#video p {
		width: 220px;
	}
}

/* iphone landscape */
@media only screen and (min-width : 321px) {
	
	#navigation-menu {
	    margin-top: 0;
	}
	
	#video {
		text-align: center;
	}
	
	#video iframe {
		width: 319px;
		height: 180px;
	}
}

@media only screen and (min-width : 768px) {
	
	#navigation-menu {
		right: 0;
	    width: auto;
	    margin-top: -35px;
	}

	#video iframe {
		width: 500px;
		height: 281px;
	}

	#video p {
		display: block;
	}
}

@media only screen and (min-width : 768px) and (max-width : 959px){
	
	#navigation-menu {
	    margin-top: 0;
	}
}


@media screen and (min-width: 720px) and (max-width: 959px) {
	#logo {
		margin-top: -10px !important;
	}
	
	.social_media_top {
		width: 275px !important;
	}
	
	#cont-box-3 iframe {
		width: 245px !important;
	}
}