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

/* Global Responsiveness */
.mpd-media-query-test 
{
	display: none;
}
img.responsive
{ 
	max-width: 100%; 
	height: auto; 
	width: auto\9; /* ie8 */ 
}
object, embed
{
    max-width: 100%;
}

/* All standard devices (desktop) */
@media only screen and (min-width: 990px) 
{
	/* Media Query Test */
	#mq-desktop.mpd-media-query-test
	{
		display: block !important;
	}

    /* Helpers (todo: should have used more for some of below) */
    .hide-desktop
    {
        display: none !important;
    }
    .hide-mobile
    {
        display: block !important;
    }

    /* Navigation */
	#navigation
	{
		display: block !important;
	}
}

/* All devices smaller than standard */
@media only screen and (max-width: 989px) 
{
	/* Media Query Test */
	#mq-under-990.mpd-media-query-test
	{
		display: block !important;
	}

    /* Helpers */
    .hide-desktop
    {
        display: block !important;
    }
    .hide-mobile
    {
        display: none !important;
    }

    /* Header Layout */
    #header
    {
        position: relative;
        padding: 0 25px;
        text-align: left;
        font-size: .75em;
        min-height: 0;
        background-position: 50% -12px;
    }
        #header .text
        {
            font-size: 3.125em;
            padding-top: 22px;
            -moz-text-shadow: 2px 2px 2px #a29482;
		    -webkit-text-shadow: 2px 2px 2px #a29482;
		    text-shadow: 2px 2px 2px #a29482;
        }
        #header address
        {
            font-size: 1.25em;
            padding-left: .375em;
        }
        #header .nav-toggle
        {
            cursor: pointer;
            color: #fff;
            font-size: 1.125em;
            padding: .25em .75em .375em;
            text-align: center;
            position: absolute;
            right: 3%;
            top: 27%;
            -moz-text-shadow: 1px .5px .5px #464F1F;
            -webkit-text-shadow: 1px .5px .5px #464F1F;
            text-shadow: 1px .5px .5px #464F1F;
            border: 1px solid #515A21;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            background: #707c34;
            background: -moz-linear-gradient(top, #707c34 0%, #84923d 51%, #707c34 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#707c34), color-stop(51%,#84923d), color-stop(100%,#707c34));
            background: -webkit-linear-gradient(top,  #707c34 0%,#84923d 51%,#707c34 100%);
            background: -o-linear-gradient(top, #707c34 0%,#84923d 51%,#707c34 100%);
            background: -ms-linear-gradient(top, #707c34 0%,#84923d 51%,#707c34 100%);
            background: linear-gradient(to bottom, #707c34 0%,#84923d 51%,#707c34 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707c34', endColorstr='#707c34',GradientType=0 );
        }
            #header .nav-toggle .icon
            {
                font-size: 2em;
            }
            #header .nav-toggle .label
            {
                font-size: .875em;
                padding-top: .25em;
                line-height: 1;
            }

    /* Navigation Layout */
    #navigation
    {
        display: none;
        position: relative;
        top: -25px;
        margin: 0 -25px 10px -25px;
        padding: 0;
        height: auto;
        width: -webkit-calc(100% + 50px);
        width: -moz-calc(100% + 50px);
        width: calc(100% + 50px);
        background: none;
    }
        #navigation li
        {
            display: block;
            float: none;
            width: auto;
            border-bottom: 1px solid #576125;
            background: #707c34;
            background: -moz-linear-gradient(top, #707c34 0%, #84923d 51%, #707c34 100%) !important;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#707c34), color-stop(51%,#84923d), color-stop(100%,#707c34)) !important;
            background: -webkit-linear-gradient(top,  #707c34 0%,#84923d 51%,#707c34 100%) !important;
            background: -o-linear-gradient(top, #707c34 0%,#84923d 51%,#707c34 100%) !important;
            background: -ms-linear-gradient(top, #707c34 0%,#84923d 51%,#707c34 100%) !important;
            background: linear-gradient(to bottom, #707c34 0%,#84923d 51%,#707c34 100%) !important;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707c34', endColorstr='#707c34',GradientType=0 ) !important;
        }
        #navigation li:last-child
        {
            border-bottom: none;
        }
        #navigation li:hover,
        #navigation li.active
        {
            background: #333;
        }
            #navigation li a
            {
                display: block;
                width: 100% !important;
                text-decoration: none;
                text-align: center;
                font-size: 1.125em;
                height: 2.375em;
                line-height: 2.375em;
            }

    /* Page Layout */
    #page
    {
        box-sizing: border-box;
        width: 100%;
        -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    box-shadow: none;
    }
        #page .page-inner-wrap #page-contents #page-content
        {
            float: none;
            width: 100%;
        }
        #page .page-inner-wrap #page-contents #sidebar
        {
            float: none;
            width: 100%;
        }
        #page h2.title
        {
            margin-top: 1.5em;
        }

    /* Page - Home */
    #page-contents.page-home .dashboard .large-column,
    #page-contents.page-home .dashboard .small-column
    {
        float: none;
        width: 100%;
        margin: 0;
    }
    #page-contents.page-home .dashboard .small-column
    {
        margin-top: 1.5em;
    }
}

/* Tablet Portrait size to standard 960 */
@media only screen and (min-width: 768px) and (max-width: 989px) 
{
	/* Media Query Test */
	#mq-768-to-989.mpd-media-query-test
	{
		display: block !important;
	}

    /* Sidebar - Office Hours */
    ul.office-hours li span.day
    {
        width: 25%;
    }
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) 
{
	/* Media Query Test */
	#mq-under-768.mpd-media-query-test
	{
		display: block !important;
	}
	
	/* Text resizing */
	html 
	{
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	body.iphone 
	{
		font-size: 115% !important; /* may not be needed but iphone text is often smaller when rendered */
	}
    #page
    {
        font-size: .9375em;
    }

    /* Header Layout */
    #header
    {
        padding: 0 14px;
        font-size: .5625em; /* 9/16 */
    }
        #header .text
        {
            font-size: 2.75em;
            padding-top: 15px;
            padding-bottom: 3px;
        }
        #header address.single-line
        {
            display: none;
        }
        #header address.multi-line
        {
            display: block;
            padding-bottom: 10px;
            font-size: 1.5em;
        }
        #header .nav-toggle
        {
            top: auto;
            bottom: 10%;
            font-size: 1.375em;
        }

    /* Page Layout */
    #page .page-inner-wrap
    {
        padding: 20px 12px;
    }

    /* Page - Doctors */
    #page-contents.page-our-doctors .history-section h2
    {
        line-height: 1.25;
    }
    #page-contents.page-our-doctors .history-section .intro img
    {
        display: inline-block;
        width: auto;
        max-height: 200px;
        float: none;
    }
    #page-contents.page-our-doctors .history-section .intro span
    {
        display: block;
    }
}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) 
{
	/* Media Query Test */
	#mq-480-to-767.mpd-media-query-test
	{
		display: block !important;
	}

    /* Sidebar - Office Hours */
    ul.office-hours li span.day
    {
        width: 30%;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) 
{
	/* Media Query Test */
	#mq-under-480.mpd-media-query-test
	{
		display: block !important;
	}

    /* Header Layout */
    #header
    {
        padding: 0 7px;
    }
        #header .text
        {
            font-size: 1.9375em;
        }
        #header address.multi-line
        {
            font-size: 1.375em;
            padding-left: 0;
        }

    /* Page - Doctors - Bio */
    #page-contents.page-bio .intro
    {
        text-align: center;
    }
    #page-contents.page-bio .intro img
    {
        float: none;
        margin: 0 0 15px 0;
        width: auto;
        max-height: 200px;
    }

    /* Page - Home */
    #page-contents.page-home .intro-banner .caption
    {
        font-size: .625em;
    }
}

/* Print Media */
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}