/*
Theme Name: 	Bob Conway Child
Theme URI: 		http://www.graphedia.ie
Author: 		Graphedia
Author URI: 	http://www.graphedia.ie
Description:	Child Theme for Bob Conway
Template:		bobconway
Version: 		1.6
*/

/* Theme customization starts here
-------------------------------------------------------------- */

h2 { font-weight: 900; letter-spacing: 2px; }
h3 { font-weight: 400; }
h4 { font-weight: 400; }
h5 { font-weight: 400; }
h6 { font-weight: 400;  }

.karting_title { background: #008ACE; color: #fff; padding: 20px 30px; display: inline-block; margin: 0; }

/* Menu */
#Top_bar .menu > li > a span:not(.description) { letter-spacing: 2px; }
#Top_bar .menu > li > a:after { background: #ff0000; bottom: 0 !important; height: 4px; left: 50%; margin-left: -10px; margin-top: 20px; top: auto; width: 20px; }

/* Subheader */
#Subheader { text-align: center; padding: 0; background-color:#F1F1F1!important; }
#Subheader:after { display: none; }
#Subheader .title { display: inline-block; background: #008ACE; width: auto !important; float: none; padding: 20px 30px; font-weight: 900; }

/* Table */
.wall_of_fame { color: #000; }
.wall_of_fame td { font-size: 120%; }
.wall_of_fame td.c1 { color: #008ACE; }
.wall_of_fame td.c2 { font-weight: 700; text-align: left; padding-left: 15px; }
.wall_of_fame td.c3 { font-weight: 900; }
.wall_of_fame td.c4 { color: #008aCe; }

/* Contact icons */
.contact_icons a { color: #008ACE !important; font-size: 35px; line-height: 35px; }
.contact_icons a:hover { color: #ff0000 !important; }

/* Footer */
#Footer { background-image: url('images/beats.gif'); background-repeat: repeat-x; background-position: bottom center; }
#Footer .widgets_wrapper { padding: 40px 0 0; }
#Footer .footer_copy { border-top: 0; }
#Footer .footer_copy .one { margin-bottom: 60px; }

/* Tabs, Accordion, Faq, Table */
.ui-tabs .ui-tabs-nav li a { font-size: 17px; }
.ui-tabs .ui-tabs-nav li a, .accordion .question .title, .faq .question .title, table th { color: #000000; }

/* Slider arrows */
.content_slider.flat a.slider_next i,
.content_slider.flat a.slider_prev i { color: #444; }

/* Buttons */
a.button, a.tp-button { color: #fff; border-radius: 0px !important; }
a.button .button_icon i { color: #ffffff; }

.button-stroke a.button:not(.action_button), .button-stroke:not(.header-plain) a.button.action_button, .button-stroke a.tp-button, .button-stroke button, .button-stroke input[type="submit"], .button-stroke input[type="reset"], .button-stroke input[type="button"] {    
    border-width: 1px;
}
.button-stroke a.button:not(.action_button) .button_label, .button-stroke:not(.header-plain) a.button.action_button .button_label, .button-stroke a.tp-button .button_label,
.button-stroke a.button:not(.action_button) .button_icon, .button-stroke:not(.header-plain) a.button.action_button .button_icon, .button-stroke a.tp-button .button_icon {    
    padding-top: 10px;
    padding-bottom: 10px;
}
.button-stroke a.button.button_large:not(.action_button) .button_label, .button-stroke.button_large:not(.header-plain) a.button.button_large.action_button .button_label, .button-stroke a.tp-button.button_large .button_label,
.button-stroke a.button.button_large:not(.action_button) .button_icon, .button-stroke.button_large:not(.header-plain) a.button.button_large.action_button .button_icon, .button-stroke a.tp-button.button_large .button_icon {    
    padding-top: 14px;
    padding-bottom: 14px;
}

#Top_bar .logo {
background-color: #FFF;
border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
float: left;
margin: 0px!important;
padding: 10px 30px;
position: absolute;
z-index: 222;
-webkit-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.75);
}
#Top_bar.is-sticky .logo {
    background: transparent none repeat scroll 0 0;
    
}

#Top_bar #logo img {
    max-height:auto!important;
}
.banner-quote blockquote{
	font-size:3em;
	line-height: 1em;
	font-weight: 700;
	color:white;
	text-shadow: 2px 2px #000000;
}
.banner-quote .blockquote {
    margin-top: -60px;
}
/*.menuo-right #Top_bar .menu_wrapper {
    display: none;
}*/
.welcome-text{
	background-color:#008ACF;
	padding:18px;
	border-radius: 5px;
	float:right;
}
.welcome-text h1{
	color:white;
	font-size:2.7em;
	line-height: 40px;
}
.welcome-text a{
color:white;
font-size:2em;
float:right;
}
.welcome-text a:hover{
color:white;
text-decoration: underline;
}
.post-type-archive-demos .image_frame .image_wrapper {
    background-image: url("images/placeholder.png");
    background-repeat: no-repeat;
    min-height: 170px;
       background-position: center center;
 
}
.single-demos .single-photo-wrapper{
	display:none;
}
.single-demos .post-nav{
	display:none;
}

.bg_pattern{
	    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image: url("images/pattern.png");
    background-repeat:repeat;
    z-index:0;
}
.section_wrapper:first-child{
	z-index:22;
}
/* -----------------------------------------------------------------------------

  HAMBURGER ICONS COMPONENT
  
----------------------------------------------------------------------------- */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.c-hamburger {
  display: none; /*disabled*/
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 96px;
  height: 96px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: 0!important;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 44px;
  left: 18px;
  right: 18px;
  height: 8px;
  background: white;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 8px;
  background-color: #fff;
  content: "";
}

.c-hamburger span::before {
  top: -20px;
}

.c-hamburger span::after {
  bottom: -20px;
}


.is-sticky .c-hamburger {
  
    height: 65px;
   
    width: 65px;

    	


}
.is-sticky .c-hamburger span {

	height:3px;
	top:35px;
}
.is-sticky .c-hamburger span::before, .is-sticky .c-hamburger span::after {
   
    height: 3px;
 
}
.is-sticky .c-hamburger span::before {
    top: -10px;
}
.is-sticky .c-hamburger span::after {
    bottom: -10px;
}
/**
 * Style 2
 * 
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx {
  background-color: #008ACF;
}

.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
          transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.c-hamburger--htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: #cb0032;
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}


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

.menuo-right #Top_bar .menu_wrapper {
    display: block;
}
.c-hamburger{
	display:none;
}
#Top_bar .logo {
  
    padding: 0px;
    position: relative;
    z-index: 0;
}

.welcome-text{
	background-color:#008ACF;
	padding:3px;
	border-radius: 5px;
	margin-top:-200px;
}
.welcome-text h1{
	color:white;
	font-size:1.8em;
	line-height: 30px;
}


}

.mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls {
    background: #008ACE none repeat scroll 0 0!important;
}