/*  
Theme Name: Shannon Homes 
Description: Shannon Homes base theme designed with love by by bears. 
Version: 1.2
Author: Sean Cassidy aka Florantine Creative 
Author URI: http://flcreative.ie 
Template: dms
*/


/* Site Wide Custom Classes */

#site .widget ul { /* Changes Font Size of RapidTabs Etc.. Heading */
font-size: 15px;
}

#site p { margin: 0.5em 0; }

#site .hentry h5 { /* Changes H5 Margin */
margin: 0.5em 0 !important;
}

.letting-title { padding-bottom:5px;  border-bottom: 1px solid #337eff; margin-top: 0 !important; }

/* #site .hentry ul {Changes List Margin 
padding: 0;
margin: .3em 0 .3em 1.3em;
line-height: 1.3em;
} */

#footer { /* White background, Grey Text, 10px padding, Border + Radius  */
background: #1D1D1D; margin-top: 35px; padding: 10px; border-top: 5px solid #337EFF; color:#CCC; }

#footer a{ color: #fff; }

.text-box { text-align:justify;}

.blue-area {background-color: #337eff; color: #fff !important;}

.grey-area { /* Grey background, White Text, 10px padding, Border + Radius  */
background: rgba(61,61,61,0.9); padding: 10px; color: #fff; border-radius: 10px; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.4); }

.grey-area-2 { /* Grey background, White Text, 10px padding, Border + Radius  */
background: rgba(61,61,61,0.9); padding: 10px; color: #fff; border-radius: 10px; border: 2px solid #fff; }

.white-area { /* 	White background, 0px padding, Border + Radius  */
background: rgba(61,61,61,0.9); color: #fff; padding: 10px; border-radius: 10px; border: 2px solid #fff; }

.white { background: #fff; }

.blue-paragraph { /* Paragraph Styling for Tabs  */
	border-left: 2px #337eff solid; margin-right: 5px; margin-left: 10px; padding-left: 15px; } 
	
.blue-text { /* Paragraph Styling for Tabs  */
color:#337eff; font-weight:600; } 

.margin-top {/* Margin Top */ 
	margin-top: 15px;
}
.padding-top {/* Padding Top */ 
	padding-top: 15px;
}
.padding-top-2 {/* Padding Top - Flipper, St. Raphaela's */ 
	padding-top: 25px;
}

.padding-right {/* Padding Right */ 
	padding-right: 15px;
}

.border-bottom {
	border-bottom: #3d3d3d solid 1px; }



/* End Site Wide Custom Classes */

/* Fixed NavBar Custom Code */

/*.fixed-top-pusher {  Pushes First Section behind the Fixed Nav */
height: 100px !important;
} 

.pl-fixed-top {
position: fixed;
z-index: 1030;
left: 0;
width: 100%;
}

#site .navbar .plbrand img { max-height: 80px; padding-top:15px;  }


#site .navbar {
	background-color: rgba(0,0,0,0.8); 
	padding: 20px 0 10px 0; 
	border-bottom: 2px solid #FFF;
	border-top: 5px solid #E8E8E8;
} 

#site .navbar .navline > li > a {
  color: #FFF; font-size:16px; font-weight:300; padding-top: 40px;
}
 
#site .navbar .navline > li > a:hover {
  color: #337EFF;
  background: rgba(0, 0, 0, 0); /* Remove this or add your own color, if you want a hover background */
  box-shadow: none; /* Remove this if you want to keep the hover box shadow */
}

.navbar.pl-color-base .navline > li.current-menu-item > a, .navbar.pl-color-base .navline > li.dropdown.open > a {
color: #000000;
background-color: transparent;
box-shadow: inset 0 -4px 0 #337EFF;

}

.navbar.navbar-content-width {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.navbar .searchform {
float: right;
margin: 40px 0 5px;
width: auto;
max-width: 190px;
} 
.searchform .searchfield {
width: 23px;
height: 23px;
padding: 5px 5px 5px 12px;
margin: 0;
float: right;
background: #f5f5f5 url("/wp-content/themes/dms/images/search-btn@2x.png") no-repeat 4px 50%;
background-size: 14px 14px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
font-family: "Helvetica Neue","Helvetica",Arial,serif;
font-size: 14px;
line-height: 1.2em;
border: 1px solid #e5e5e5;
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
-webkit-transition: all .7s;
-moz-transition: all .7s;
-ms-transition: all .7s;
transition: all .7s;
text-indent: 30px;
box-shadow: inset 1px 1px 0 rgba(255,255,255,0.2);
}


#site .nav-btn-navbar { color:#FFF !important; } /* Changes colour of Mobile Nav "Menu" */

/* End NavBar Custom Code */


/* RevSlider Custom Code */

.revslider-container .slider-content.left-side {
	text-align:left;
	margin-left: 15px; 
	border-bottom: 5px solid #337EFF; }

.revslider-container .slider-content h2 .slider-text {
padding: 4px 0px;
background: rgba(0,0,0,0.7);
box-shadow: 10px 0 0 rgba(0,0,0,0.7),-10px 0 0 rgba(0,0,0,0.7);
border-bottom: 1px solid #337EFF;
color: #fff;
margin-bottom: 1px;
background-position: right -53px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
margin-bottom: 15px;
}

.revslider-container .slider-content a.slider-btn {
font-size: 13px;
line-height: 1.3em;
color: #eee;
background: rgba(51,126,255,0.7);
left: -10px;
top: 10px;
position: relative;
padding: 10px 18px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}

/* End RevSlider Custom Code */


/* iBox Custom Code */

.ibox .ibox-media .ibox-icon-border.media-type-image:hover {
  opacity: 0.7;
}

/*--This code will change the color of your headers in iBox--*/
.ibox-wrapper .ibox-text h4 {
  color:#fff;
  margin-bottom: 10px;
}
 
/*--This code will change the description text color in iBox--*/
.ibox .ibox-desc {
  color:#fff;
  margin-bottom: 1em;
}
 
/*--This will change the boarder color around the icon--*/
.pl-contrast {
  background: #fff;
}
 
/*--This will change the boarder icon color on hover--*/
.ibox .ibox-media .ibox-icon-border.media-type-icon:hover {
  background:#fff;
}
 
/*--This will change the icon color on hover--*/
.ibox .ibox-media .ibox-icon-border.media-type-icon:hover i {
  color: #3d3d3d ;
}

/*--This will change the border radius --*/
.ibox .ibox-media .ibox-icon-border {
border:solid 3px #337EFF;
margin-bottom: 10.85px;
display: inline-block;
text-align: center;
overflow: hidden;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}

.ibox2 .ibox-media .ibox-icon-border {
margin-top: 10.85px;
margin-bottom: 10.85px;
display: inline-block;
text-align: center;
overflow: hidden;
-webkit-border-radius: 00px;
-moz-border-radius: 00px;
border-radius: 00px;
}
 
 /*--Custom Code for About us Ibox--*/
.ibox.left-aligned .ibox-icon-border.media-type-image {
padding: auto;
width: 60px;
height: 60px;
} 

/*--This code will change the description textin iBox--*/
.ibox3 .ibox-desc {
  color:#fff;
  font-style:italic;
  margin-bottom: 1em;
}
 
/*--This is the static color of the icon on load - These are the icons you select for each iBox
--*/
.icon-cloud-upload{color:#fff;}
.icon-windows{color:#fff;}
.icon-exclamation{color:#fff;}
.icon-check-sign{color:#337eff;}

/*--Removes Text Link
--*/
/*.ibox .ibox-desc .ibox-link {display: none;} */




/*-- Flex Slider Custom Code --*/ 
.fslider {
background: #fff;
box-shadow: 0 1px 4px rgba(0,0,0,0.4);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
padding: 5px;
}

.flex-caption {
background: none;
zoom: 1;
text-align: left;
max-width: 60%;
padding: 5px 5%;
margin: 0 0 10% 0;
position: absolute ;
right: 0;
bottom:10px !important ;
background: rgba(51,126,255,0.7);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
box-shadow: 1px 1px 0 rgba(255,255,255,0.1),-1px -1px 0 rgba(255,255,255,0.1);
font-size: 15px;
line-height: 1.5em;
}

.flex-control-nav li a.active {
background: #337EFF;
cursor: default;
}

.flex-control-nav li a {
width: 13px;
height: 13px;
display: block;
cursor: pointer;
background: #3D3D3D;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
cursor: pointer;
text-indent: -999em;
}


/*-- END Flex Slider Custom Code --*/ 

/*-- Highlight Custom Code --*/ 
.section-highlight .highlight-head {
font-size: 44.8px;
margin: 0;
display: inline-block;
position: relative;  
}

.section-highlight .highlight-head:before,
.section-highlight .highlight-head:after {
   $linesHeight: 7px;
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #3d3d3d;
  border-top: 3px solid #337EFF;
  width:200px;
  height: $linesHeight;
  top: 50%;
  margin-top: floor(-$linesHeight / 2);
}
.section-highlight .highlight-head:before {
  right: 100%;
  margin-right: 20px;
}
.section-highlight .highlight-head:after {
  left: 100%;
  margin-left: 20px;
}

/*-- END Highlight Custom Code --*/ 


/* Fixed Top Bar Custom Code */

#top-bar {
position:fixed;
left: 0;
width: 100%;
z-index:1050;
height: 10px; 
color: white;
background: #337EFF;
font-size: 12px;
padding:5px 0 15px 0 ;
}

 .social-icons {
	list-style:none;
	float:right;
	margin-right: 10%; }

 
 .social-icons li{
	 display:inline; }
	 
	 .social-icons .icon {
        margin-bottom: 0px;
    	margin-left: 5px;
        min-width: 14px;
        color: #FFF;
        text-align: center;
        font-size: 14px;
        line-height: 14px;
		  }

 .social-icons .icon:hover { 
 color: #3d3d3d; }
 
 
  .contact-icons {
	list-style:none;
	float:left;
	margin-left: 10%; }

 
 .contact-icons li{
	 display:inline; }
	 
	 .contact-icons .icon {
        margin-bottom: 0px;
    	margin-left: 5px;
		margin-right: 5px;
        min-width: 14px;
        color: #FFF;
        text-align: center;
        font-size: 14px;
        line-height: 14px;
		  }

 .contact-icons .icon:hover { 
 color: #3d3d3d; }
 
 
    /* END Fixed Top Bar Custom Code */
	
	
/* list with Icons Custom Code */

ul.icons {
  text-align:left;
  font-size: 14px;
  list-style: none;
  padding-left: 10px; 
}

ul.icons2 {
	margin-left: 0 !important;
  text-align:left;
  font-size: 14px;
  list-style: none;
     -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

ul.icons3 {
	margin-left: 10px !important;
  text-align:left;
  font-size: 14px;
  list-style: none;
     -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
}
/* Custom Code fo general Icon lists */

#site .icons-ul {
  margin-left: 2em !important;
  margin-bottom: 2em;
  list-style-type: none;
}
#site .icons-ul > li {
  position: relative;
  margin-bottom: 1em;
}
#site .icons-ul .icon-li {
  position: absolute;
  font-size:20px;
  left: -2em;
  width: 2em;
  text-align: center;
  line-height: inherit;
}
	


/* END list with Icons Custom Code */

/* Breadcrumbs Custom Code */
#breadcrumbs {
color: #fff;
padding: 10px 15px;
margin-bottom: 5px;
margin-top: 5px;
background-color: rgba(61,61,61,0.9);
border-bottom: 1px solid #337EFF;
border-radius: 5px;
box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}

/*-- This is the Custom code for the breadcrumbs nav --*/ 

#breadcrumbs2 {
color: #fff;
padding: 10px 0px;
margin-bottom: 5px;
margin-top: 5px;
background-color: #3d3d3d;
border-bottom: 1px solid #337EFF;
box-shadow: 0 1px 4px rgba(0,0,0,0.4);
border-radius: 5px solid #fff;

}
/* This is the test code for the lettings description */ 
.lettings-desc {
	font-size: 16px
	color: #3d3d3d;
	padding: 10px 10px; 
	margin: 0;
	float: left;
	background: rgba(0,0,0,0.7)  
	
}

/*--------------- Tabs Custom Code -------------------*/	
.tab-content {
display:table;
width: 98%;
padding: 15px 15px 5px 5px ;
background: #fff;
border-radius: 5px;
color:#000 !important;
}

.nav-tabs {
border-bottom: none !important;
}

.nav-tabs > li > a {
	font-size: 17.6px; 
	margin: .4em 0;
text-rendering: optimizelegibility;
font-family: Cabin,Arial,Verdana,sans-serif;
font-weight: 600;
padding-top: 8px;
padding-bottom: 8px;
line-height: 1.2em;
border: 1px solid transparent;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a, .nav-pills > li > a {
padding-right: 12px;
padding-left: 12px;
margin-right: 2px;
line-height: 14px;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
color: #fff;
background: none !important;
border: none !important;
border-bottom-color: transparent;
cursor: default;
}

.nav-tabs > li > a:hover {
	background: none !important;
	border: none !important;
	color: #fff !important;
background-color: none !important;
border-color: none !important;
}

/*--------------- Flipper Custom Code -------------------*/	

#site .flipper-title {
text-transform: none !important;
font-weight: 600;
padding: 0.1em 0 .4em 0 !important;
font-size: 17.6px;

}


/*--------------- Contact Form Custom Code -------------------*/	
#page div.wpcf7-mail-sent-ok {
	color: #262525 !important;
    border: 1px solid #CEE5BB;
    background: none repeat scroll 0% 0% #DFF0D8;
}

/* -------------Media Queries--------------- */ 

/*-------------------- Top Bar) --------------------*/ 

@media (max-width: 768px) {
	#top-bar { 
display:none !important;
}
}