/*
Theme Name: Responsive Child: UAEX.nl
Description: The Responsive child theme for UAEX.nl, based on NooitMeerGratis.nl' theme.
Author: Jepps Webdevelopment & Dennis Enderink
Author URI: http://www.jepps.nl & www.mijnpress.nl
Template: responsive
Version: 0.1
*/

/* Import stylesheets */
@import url('../responsive/style.css');

body {
   background-color: #474847;
   background-image: url('images/bg-pattern.png');
   background-repeat: repeat;
   color: #7E7D83;
}


/* General */
a { 
   color: #474847;
}

#footer,
#footer a {
   color: #C0C0C0;
}

   #footer a {
      font-weight: bold;
   }

/* Header */
#header #logo { margin: 16px 0 10px 0; }

/* CoachSanderDoet */
.coachsander-project { text-align: right; }

/* CSS3 */
.menu {	
   -webkit-border-radius: 6px;
   border-radius: 6px;
   
   -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .8), 0 2px 0 0 #000;
   box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .8), 0 2px 0 0 #000;
}

.menu,
.menu li {
   background-color: #c7c7c7;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#c7c7c7), to(#8f8d8f));
   background-image: -webkit-linear-gradient(top, #c7c7c7, #8f8d8f);
   background-image: -moz-linear-gradient(top, #c7c7c7, #8f8d8f);
   background-image: -o-linear-gradient(top, #c7c7c7, #8f8d8f);
   background-image: linear-gradient(to bottom, #c7c7c7, #8f8d8f);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#8f8d8f',GradientType=0 );
   background-repeat: repeat-x;
}

   .menu li {
   	border-left: 1px solid #8f8d8f;
   	border-right: 1px solid #c7c7c7;
   	
   	-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .8);
      box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .8);
   }
   
      .menu li:first-child {
         -webkit-border-radius: 6px 0 0 6px;
         border-radius: 6px 0 0 6px;
         border-left: none;
      }
      
      .menu li:last-child {
         border-right: none;
      }

      .menu li:hover,
      .menu .current_page_item {
         background-color: #8f8d8f;
                  
         background-position: 0 -15px;
         -webkit-transition: background-position 0.1s linear;
         -moz-transition: background-position 0.1s linear;
         -ms-transition: background-position 0.1s linear;
         -o-transition: background-position 0.1s linear;
         transition: background-position 0.1s linear;
      }
      
      .menu li:active {
         background-color: #8f8d8f;
         background-image: none;
         outline: 0;
         -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
         -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
         box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
      }
      
         .menu li:active a {
            line-height: 46px;
         }
       
      .menu li a {
         border: 0;
      }
      
         .menu li a:hover {
            background: none;
         } 

         .menu li.current_page_item a {
         	background: none;
         }
         
#featured,
#widgets.home-widgets .widget-wrapper,
#wrapper {
   background-color: #FAFBFC;
   
   -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .8);
   box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .8);
}

#widgets .widget-wrapper {
   background-color: #F1F1F4;
   border-color: #C0C0C0;
}

.call-to-action a {
   border: 1px solid #7E7D83;

   background-color: #c7c7c7;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#c7c7c7), to(#8f8d8f));
   background-image: -webkit-linear-gradient(top, #c7c7c7, #8f8d8f);
   background-image: -moz-linear-gradient(top, #c7c7c7, #8f8d8f);
   background-image: -o-linear-gradient(top, #c7c7c7, #8f8d8f);
   background-image: linear-gradient(to bottom, #c7c7c7, #8f8d8f);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#8f8d8f',GradientType=0 );
   background-repeat: repeat-x;
   
   -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .8), 0 2px 0 0 #000;
   box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .8), 0 2px 0 0 #000;
   
   text-shadow: 0 1px 1px #000;
}

   .call-to-action a:hover {
      border: 1px solid #7E7D83;
      
      background-color: #8f8d8f;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#c7c7c7), to(#8f8d8f));
      background-image: -webkit-linear-gradient(top, #c7c7c7, #8f8d8f);
      background-image: -moz-linear-gradient(top, #c7c7c7, #8f8d8f);
      background-image: -o-linear-gradient(top, #c7c7c7, #8f8d8f);
      background-image: linear-gradient(to bottom, #c7c7c7, #8f8d8f);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#8f8d8f',GradientType=0 );
      background-repeat: repeat-x;
      
      background-position: 0 -15px;
      -webkit-transition: background-position 0.1s linear;
      -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
      -o-transition: background-position 0.1s linear;
      transition: background-position 0.1s linear;
      
      text-shadow: 0 1px 1px #000;
   }
   
   .call-to-action a:active {
      top: 1px;
      background-color: #8f8d8f;
      background-image: none;
      outline: 0;
      -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 0 0 #000;
      -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 0 0 #000;
      box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 0 0 #000;
   }

/* IMAGE WIDGET */
.home-widgets .widget-wrapper {
   height: 264px;
}

.home-widgets .widget_sp_image {
   padding: 0;
   border: 0;
   overflow: hidden;
   height: 306px;
}

   .home-widgets .widget_sp_image .widget-title-home {
      display: none;
   }
   
   .home-widgets .widget_sp_image a {
      height: 100%;
      width: 100%;
   }
   
   .home-widgets .widget_sp_image .widget_de_image_div {
      margin: 0;
      
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
   }
   
   .home-widgets .widget_sp_image img {
      height: 220px;
   }