﻿/*ipad only*/
@media (max-width: 768px) and (min-width: 767px) {
	.dl-left-aligned dt,
	.dl-left-aligned dd
	{
		float:none;
		width:100%;
		margin-left:0;
	}
	
	.pod .title h4,
	.pod .title h3{
		font-size: 1em;
	}
	
	.capture-navigation .capture .capture-title {
		font-size: 10px;
	}
	
	.capture-navigation .capture .capture-title  h5{
		font-size: 14px;
	}
	.capture-navigation .capture .capture-title{
		float:none;
	}
	
	.no-tablet{
		display:none;
	}

    .main-content {
        margin-top: 10px;
    }

    .desktop-only {
        display: none;
    }

    .capture .dl-details dt,
    .capture .dl-details dd {
        width: 100%;
    }

    .capture-where-when .pod .contents {
        padding: 5px;
    }

    
}

/*iphone only*/
@media (max-width: 767px)
{
    .thumbnails .capture {
        margin-left: 0px !important;
	}

    .captures-list, .pod
    {
        margin-top: 10px;
    }

    .dl-left-aligned dt
    {
        float: left;
        /*width:60%;*/
    }

    .dl-left-aligned dd
    {
        /*float:right;*/
        margin-left: 0px;
    }

    .venue-choice
    {
        float: left;
        width: 98%;
    }

    .weather-info
    {
        text-align: left;
    }

    .wind-summary h5
    {
        padding: 0px;
        margin-top: 0px;
    }

    .weather-summary img
    {
        width: 44%;
        float: left;
        margin-bottom: 5px;
    }

    .weather-temp
    {
        width: 56%;
        float: left;
        margin-top: 14%;
    }

    .wind-summary
    {
        margin-bottom: 10px;
        padding: 5px;
        border: 1px solid #fff;
        border-radius: 4px;
        text-align: center;
    }

        .wind-summary img
        {
            float: none;
        }

    .main-content
    {
        margin-top: 10px;
    }

    .navbar .nav li a
    {
        padding: 0px !important;
    }

    .no-phone
    {
        display: none;
    }

    .phone-only
    {
        display: block;
    }

    .marketing .marketing-image
    {
        margin-left: 25%;
        width: 50%;
        max-height: 100px;
    }


    body
    {
        padding-top: 0px !important;
    }

    ul.photos li
    {
        width: 100%;
        float: none;
    }

    .capture-summary
    {
        height: 200px;
    }

    .capture-summary .headings
    {
        width: 100%;
    }

    .thumbnails .capture:hover,
    ul.capture-navigation li:hover
    {
        color: #ECF0F1;
        background-color: #34495E;
    }

    .thumbnails .capture:hover .capture-summary div.headings
    {
        color: #fff;
    }

    .capture-weight,.date-icon {
        background: transparent;
       border: solid 1px #fff;
    }
    .capture-summary
    {
        border-bottom: none;
    }

   
}


/*ipad portrait and iphone*/
@media (max-width: 768px) {
	

    body.home {
        padding-top: 0px;
    }

    .desktop-only {
        display: none;
    }

    .capture-navigation li .span4 {
        float: none;
    }

    .capture-navigation li .row-fluid{
        border-bottom: 2px solid #fff;
    }

    .nav-menu
    {
        float: none;
    }
}

/*less than desktop*/
@media (max-width: 980px) {
  
    body.home {
        padding-top: 0px;
    }   

	body{
		padding-top: 0px;
		padding-bottom: 0px;
	}

    .navbar-fixed-top {
        margin-bottom: 0px;
    }

    .desktop-only {
        display: none;
    }
	
}
/* menu starts to change */
@media (max-width: 1170px) {
	.nav li a{
		padding: 1% 0 0 1% !important;
		font-size: 16px;
	}

     .logged-on-as{
        display: none;
    }

     .nav-menu
    {
        float: none;
    }
}






