/*
Theme Name:     Bretheon Child
Theme URI:      http://themes.muffingroup.com/bretheon
Description:    Child theme for the Bretheon theme, theme modifications are all in this theme so that the parent can be updated <a href="http://themes.muffingroup.com/bretheon">View Parent Demo Here</a>
Author:         David Smyth
Author URI:     http://prideandpixel.com/
Template:       bretheon
Version:        0.1.0
*/

@import url("../bretheon/style.css");

/* @import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:700); */
	/* font-family: 'Libre Baskerville', serif; */
	
#Wrapper {
	position: relative;
}

h1, h2, h3, h4, h5 h6 {
	font-family: 'Libre Baskerville', serif !important;
	font-weight: 700;
}

p {
	font-size: 1rem;
}

#Header .addons p {
	font-size: 1.1rem;
}

.article_box .desc h6 {
	opacity: 1;
}

.article_box .photo, .da-thumbs li {
	background: #7abd51;
}

/*
.photo img, .da-thumbs img {
	transform: scale(0.96);
    position: relative; left: 1px;
}
*/

.article_box h3 {
	font-size: 22px;
	line-height: 25px;
}

#mfn-offer-slider ul.slider-wrapper > li .slide-desc h2 {
	/* font-size: 35px; */
}

.home .offer {
	display: none;
}

.contactmethod {
	position: relative;
	bottom: 5px;
	left: 10px;
}

.page-id-165 .container .two-third {
	float: right;
}

/*
.the_content p {
	margin: 0;
	display: none;
}
*/

.home .container .the_content .one-third.column {
width: 33.33% !important;
margin-right: 0% !important;
margin-left: 0 !important;
background-color: #326e9b;
padding: 15px 15px;
height: 200px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
	.home .container .the_content .one-third.column, .home .container .the_content .two-third.column {
		margin-bottom: 0;
	}

	.home .container .the_content .one-third.column h4 {
		color: white;
	}


.textwidget table tr td, form table tr td {
 	padding: 0;
 	margin: 0;
}

	form table tr td {
		border: none;
	}

	.textwidget input[type="text"], .textwidget input[type="password"] {
		width: 180px;
		max-width: 94%;
	}
	
	.textwidget input[type="submit"] {
		margin: 0 auto;
		display: block;
	}
	
		#Wrapper form.homegauge input[type="text"], #Wrapper form.homegauge input[type="password"] {
			width: 150px;
				display: inline;
			margin-left: 15px;
		}
		
			#Wrapper form.homegauge input[type="submit"] {
				margin-right: 60px;
			}
	
		#Wrapper form.homegauge input[type="text"], #Wrapper form.homegauge input[type="password"] {
			border: none;
			margin-bottom: 10px;
		}
	
#text-7 {
	padding: 0;
}

.home #floating-arrow, .page-id-165 #floating-arrow, #home-floating-arrow {
	display: none;
}

.widget-area img, .one-third img {
	max-width: 100%;
}

#Content .get_in_touch .address p, #Content .get_in_touch .mail p {
	font-size: 0.9rem;
}

@-webkit-keyframes float {
  0%   { top: 570px; }
  50% { top: 630px; }
  100% { top: 570px; }
}

@keyframes float {
  0%   { top: 570px; }
  50% { top: 630px; }
  100% { top: 570px; }
}

	#floating-arrow {
		background-image: url(images/RightBlueArrow.png);
		background-repeat: no-repeat;
		color: #53a3e0;
		position: absolute;
		top: 570px;
		left: -30px;
		font-size: 50px;
		font-weight: bold;
		font-family: "Titillium Web";
		text-indent: -9999px;
		width: 52px;
		height: 50px;
		z-index: 10000;
		-webkit-animation: float 2s infinite; 
		animation:         float 2s infinite;
	}
	
@-webkit-keyframes homefloat {
  0%   { top: 530px; }
  50% { top: 590px; }
  100% { top: 530px; }
}

@keyframes homefloat {
  0%   { top: 530px; }
  50% { top: 590px; }
  100% { top: 530px; }
}	
	
	.home #home-floating-arrow {
		display: block;
		background-image: url(images/LeftBlueArrow.png);
		background-repeat: no-repeat;
		color: #53a3e0;
		position: absolute;
		top: 530px;
		right: -25px;
		font-size: 50px;
		font-weight: bold;
		font-family: "Titillium Web";
		text-indent: -9999px;
		width: 52px;
		height: 50px;
		z-index: 10000;
		-webkit-animation: homefloat 2s infinite;
		animation:         homefloat 2s infinite;
	}


/* #Tablet (Landscape)
================================================== Skeleton */
/* Note: Design for a width of 768px - 959px */

@media only screen and (min-width: 768px) and (max-width: 959px) {


}


/* #Tablet (Portrait)
================================================== Skeleton */
/* Note: Design for a width of 768px */

@media only screen and (max-width: 767px) {

	#Header #logo img {
		max-width: 100%;
	}
	
	#floating-arrow, .home #home-floating-arrow {
		display: none;
	}

}


/* #Mobile (Landscape)
================================================== Skeleton */
/* Note: Design for a width of 480px - 767px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    
	
}
	

/* #Media Queries
================================================== Custom */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	

}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {


}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	

		
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	

}


/* #Video
================================================== Iframe */

@media only screen and (min-width: 768px) and (max-width: 959px) { 


}

@media only screen and (min-width: 480px) and (max-width: 767px) { 


}

@media only screen and (max-width: 479px) {


}