/*
Theme Name: Pittsburgh Water Limo
Theme URI: http://www.appnet.com
Description: Custom Theme for Pittsburgh Water Limo
Author: Appnet
Author URI: http://www.appnet.com
Template: vantage
Version: 1.0.0
*/

html * {
  box-sizing:border-box; }
body {
  
}

a, a:link, a:visited, a:hover, a:active {
  transition:.4s ease all; }

p, ul { font-family: 'Open Sans', sans-serif;}

/* --------header-------- */

nav.main-navigation {border-bottom:solid 2px #42422e; border-top:solid 2px #42422e; }

.main-navigation ul ul a {width: 250px;}

#black-studio-tinymce-5 p {
  color:#fff; 
  font-size:18px;
  font-family: 'Oswald', sans-serif; 
  letter-spacing: 0.5px; 
  margin-bottom: 0.5em; 
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

nav.main-navigation ul li a {
  font-weight:400; font-family: 'Oswald', sans-serif;
  padding:15px 25px;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}
nav.main-navigation ul li li a {
  font-weight:300;
  padding:10px 25px;
}

ul.socialmenu {
  display:block;
  list-style: outside none none;
  margin: 0px auto;
  padding: 8px 0px 0px 0px;
  width:140px;
}

ul.socialmenu li {
    float: left;
    margin: 0px;
    padding: 3px;
}

ul.socialmenu img {width:40px;}

.social2 img {width:40px;}

.social2 {
  display:block;
  margin: 0px auto;
  padding: 8px 0px 0px 0px;
  width:126px;
}

.metaslider .slides img {border-bottom:solid 6px #42422e;}
/* --------end header-------- */



/* --------body-------- */

.entry-header h1 {
  padding:8px;
  background:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
  color:rgba(250,216,92,1) !important;
  margin-left:-10px;
  padding-left:10px;
}

#primary,
.page-template-default #primary {
  width:69%;
}


#secondary {
  width:29%; }


#secondary strong{font-family: 'Oswald', sans-serif; letter-spacing: 0.5px;}


#secondary .widget {border:solid 1px #ccc; border-radius:3px;background:#EDEDED;
  font-size:15px;
  margin:0 0 15px 0;
  padding:15px; }
#secondary .widget :last-child {
  margin-bottom:0;
  padding-bottom:0; }
#secondary .widget h3.widget-title {
  border-bottom:1px dashed rgba(0,0,0,0.1);
  margin:5px 0 10px 0;
  padding:0 0 5px 0; }
#secondary .widget_recent_entries li {
  margin-bottom:10px; }
#secondary .widget input {
  border:1px solid rgba(0,0,0,0.25);
  border-radius:0;
  font-weight:300;
  line-height:25px;
  padding:0 5px;
  width:99%; }


#main .callout a {
  display:block;
  height:270px;
  text-decoration:none;
  transition: all 0.4s ease 0s;
}

#main .callout.co1  {
  background:url('/wp-content/uploads/2015/10/co1.jpg');
  background-repeat:no-repeat;
  background-size: 100%;
  transition: all 0.4s ease 0s;
}

#main .callout.co1 a:hover {
  background:url('http://www.pittsburghwaterlimo.com/wp-content/uploads/2015/10/co1-o.jpg');
  background-repeat:no-repeat;
  background-size: 100%;
  transition: all 0.4s ease 0s;
}

#main .callout.co2  {
  background:url('http://www.pittsburghwaterlimo.com/wp-content/uploads/2015/10/co2.jpg');
  background-repeat:no-repeat;
  background-size: 100%;
  transition: all 0.4s ease 0s;
}

#main .callout.co2 a:hover {
  background:url('http://www.pittsburghwaterlimo.com/wp-content/uploads/2015/10/co2-o.jpg');
  background-repeat:no-repeat;
  background-size: 100%;
  transition: all 0.4s ease 0s;
}

#main .callout.co3  {
  background:url('http://www.pittsburghwaterlimo.com/wp-content/uploads/2015/10/co3.jpg');
  background-repeat:no-repeat;
  background-size: 100%;
  transition: all 0.4s ease 0s;
}

#main .callout.co3 a:hover {
  background:url('http://www.pittsburghwaterlimo.com/wp-content/uploads/2015/10/co3-o.jpg');
  background-repeat:no-repeat;
  background-size: 100%;
  transition: all 0.4s ease 0s;
}

#main .callout .clickto {
  font-size:29px;
  line-height:36px;
  opacity:0;
  text-align:center;
  transition: all 0.4s ease 0s;
  padding-top:64px;  
  
}

#main .callout a:hover .clickto {
  color:#42422E;
  opacity:1;
  transition: all 0.4s ease 0s;

}


#main .callout .title  {
  background:#fcc21f;
  color:#6d6d5e;
  font-size: 24px;
  line-height:46px;
  text-align:center;
  transition: all 0.4s ease 0s;
  position: relative;
  top:64px;
}

#main .callout a:hover .title {background:#42422E; color:#fff;  transition: all 0.4s ease 0s; }


.home #main {
  border-top: 6px solid #42422e;
  box-shadow: 0 -6px 0 #ccc;
  background-image: url("http://www.pittsburghwaterlimo.com/wp-content/uploads/2015/10/body-bg.jpg");
  background-position:center bottom;
  background-repeat:no-repeat;
  background-size: 100%;
  margin-top:6px;}
  
#pg-5-0 {margin-top:-35px;}
#pg-5-0 h2{font-size:31px;margin-bottom:10px;; margin-top:10px;text-shadow: 1px 2px 1px rgba(212, 147, 50, 1);}


.note {color:#6D6D5E;  background:#F7C518; border-radius:5px; font-size:14px;  padding:10px; text-align: center;}
/* --------end body-------- */



/* --------footer-------- */

.layout-full #colophon {border-top: solid 5px #d8d8d8;}

#footer-widgets .widget .widget-title {font-size:24px; text-align: center;}

#footer-widgets p{ font-family: 'Oswald', sans-serif; letter-spacing: 0.5px;}
/* --------end footer-------- */




  
#formfields {overflow:hidden;}
#formfields p {
  float:left;
  margin:0 0 10px 0;
  padding-right:2%;
  width:50%; }
#formfields p.full {
  padding-right:2%;
  width:100%; }
  
#formfields input, #formfields textarea {width:100%; padding:5px;}
#formfields h2 {clear:both; padding:20px 0 0 0; margin:0;}





@media (max-width: 1080px) { 


} @media (max-width: 680px) { 

  footer #footer-widgets .widget {
    width:100%; }

} @media (max-width: 480px) { 

  #formfields p, #formfields p.full {
    float:none;
    padding-right:0;
    width:100%; }

}
