/*

Theme Name: Yoga Is Ageless

Theme URI: http://www.deyoungmedia.com/wordpress

Description: A minimal theme created by Adam De Young of De Young Media

Author: Adam De Young

Author URI: http://www.deyoungmedia.com

Version: 1.0

Tags: responsive, white, bootstrap



License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)

License URI: http://creativecommons.org/licenses/by-sa/3.0/



This simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html

*/



@import url('bootstrap/css/bootstrap.min.css'); 

body
{
font-family: 'Macondo', cursive;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.navbar-inverse
{
background-color:#ffffff;
border-color:#ffffff;
padding-bottom:3%;
}

.jumbotron
{
padding-top:12%;
}

.navbar-brand
{
width:35%;
}

.navbar-brand img
{
width:75%;
height:auto;
}

.menu-header-container
{
width:65%;
margin-left:25%;
font-size:2em;
margin-top:6%;
}

.menu-header-container a
{
color:#4DE3D0;
text-decoration:none;
}

.menu-header-container a:hover
{
color:#F6A323;
}

.menu-header-container ul
{
list-style-type:none;
}

.menu-header-container li
{
display:inline;
padding-right:10%;
}

.menu-header-container ul ul
{
display:none;
}

.menu-header-container li:hover > ul
{
display:block;
position:relative;
margin: 0% 60%;
}

.menu-header-container li ul a{
    width:13em;
    padding:1%;
}

#navbar   {

height: 130px; /* set to the height you want your menu to be */

margin: 30 0 10px; /* just to give some spacing */
z-index: 1;

}

#navbar ul    {

margin: 0; padding: 0; /* only needed if you have not done a CSS reset */

}

#navbar li    {

display: block;

float: left;

line-height: 30px; /* this should be the same as your #main-nav height */

height: 30px; /* this should be the same as your #main-nav height */

margin: 0; padding: 10px 50px 10px 10px; /* only needed if you don't have a reset */

position: relative; /* this is needed in order to position sub menus */

}

#navbar li a  {

display: block;

height: 30px;

line-height: 30px;

padding: 0 15px;

}

#navbar .current-menu-item a, #navbar .current_page_item a, #navbar a:hover {

color: #F6A323;

}

#navbar ul ul { /* this targets all sub menus */

display: none; /* hide all sub menus from view */

position: absolute;

top: 30px; /* this should be the same height as the top level menu -- height + padding + borders */

}

#navbar ul ul li { /* this targets all submenu items */

float: none; /* overwriting our float up above */

width: 150px; /* set to the width you want your sub menus to be. This needs to match the value we set below */

}

#navbar ul ul li a { /* target all sub menu item links */

padding: 5px 10px; /* give our sub menu links a nice button feel */

}

#navbar ul li:hover > ul {

display: block; /* show sub menus when hovering over a parent */

}









.jumbotron
{
background-image: url('/wp-content/uploads/2026/08/Cape_Cod_Yoga_Classes-1-scaled.jpg');
background-size:cover;
padding-bottom:10%;
}

.namaste
{
width:65%;
padding:2%;
font-size:4em;
color:#4DE3D0;
border: 10px solid #4DE3D0;
text-align:center;
margin-top:15%;
}

.col-md-4
{
padding:0%;
margin:0%;
}

.col-md-4 img
{
width:100%;
margin:0%;
padding:0% 15% 0% 0%;
}


.row
{
width:100%;
margin:0%;
padding:0%;
}

footer
{
width:100%;
background-color:#F9A800;
padding:2%;
margin-top:5%;
}

#footertext
{
color:#ffffff;
font-size:2.75em;
margin:0% 0% 0% 25%;
}

#content
{
margin-top:15%;
width:60%;
margin-left:20%;
}


/*--------------------------iPad-----------------------*/

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

.menu-header-container {
    width: 75%;
    margin-left: 25%;
    font-size: 2em;
    margin-top:0%;
    float:left;
    }

#navbar
{
margin:0%;
padding:0%;
}

.navbar-collapse
{
margin:0%;
padding:0%;
}


.jumbotron
{
padding-top:12%;
width:100%;
}

.navbar-brand
{
width:25%;
margin:0% 0% 0% 22%;
}

.navbar-inverse
{
padding-bottom:5%;
width:100%;
}

.navbar-brand img
{
width:100%;
height:auto;
margin-top:0%;
}

#footertext
{
font-size:1.75em;
margin-left:12%;
}

}

/*--------------------------iPad Portrait-----------------------*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.menu-header-container {
    width: 75%;
    margin-left: 35%;
    font-size: 1.25em;
    margin-top:0%;
    float:left;
    }

.jumbotron
{
padding-top:32%;
width:100%;
}

#footertext
{
font-size:1.75em;
margin-left:12%;
}

.navbar-brand
{
width:100%;
margin:0% 0% 0% 22%;
margin-bottom:10%;
}

.navbar-brand img
{
width:35%;
height:auto;
margin-top:0%;
}

.namaste
{
font-size:1.5em;
margin-top:0%;
margin-left:5%;
width:45%;
}

.col-md-4
{
width:33%;
float:left;
}

.col-md-4 img
{
width:65%;
margin:0% 0% 0% 23%;
padding:0% 0% 0% 0%;
}

#footertext
{
font-size:1.40em;
}

#content
{margin-top:30%;
}

}


@media only screen and (max-width : 1008px) and (orientation:landscape) {

.navbar-brand
{
width:25%;
margin:0% 0% 0% 22%;
margin-bottom:5%;
}

.navbar-brand img
{
width:15%;
height:auto;
margin-top:0%;
}

.navbar-inverse
{
padding-bottom:20%;
width:100%;
}

#footertext
{
font-size:1.35em;
}

}

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

.navbar-brand
{
width:55%;
}

.navbar-brand img
{
width:100%;
height:auto;
margin-top:0%;
}

.jumbotron
{
padding-top:52%;
width:100%;
}

.navbar-inverse
{
padding-bottom:20%;
}

#navbar
{
width:100%;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
    margin-top:15%;
}

.menu-header-container {
width:100%;
}

.navbar-collapse
{
margin-bottom:0%:
padding-bottom:0%;
}

.navbar-toggle
{
background-color:#4DE3D0;
border-color:#ffffff;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #4DE3D0;
}

.navbar-inverse .navbar-toggle {
    border-color: #ffffff;
}

.namaste
{
font-size:2em;
margin-top:0%;
margin-left:18%;
}

.col-md-4
{
padding:0% 0% 10% 0%;
margin:0%;
}

.col-md-4 img
{
width:75%;
margin:0% 0% 0% 13%;
padding:0% 0% 0% 0%;
}


.row
{
width:100%;
margin:0%;
padding:0%;
}

#footertext
{
color:#ffffff;
font-size:.80em;
margin:0% 0% 0% 10%;
}

#content
{
margin-top:35%;
width:60%;
margin-left:20%;
}

    }