/*
Theme Name: IDC
Theme URI: http://wordpress.org/
Description: Child Theme for Twenty Ten
Author URI: 
Template: twentyten
Version: 1.1
*/

@import url("../twentyten/style.css");
@import url("../IDC/structure.css");
@import url("../IDC/access.css");

/* RESPONSIVE */


@media (max-width: 1024px)	{

	#american-air	{
			width: 100%;
 			margin: 0 auto;         
			line-height: 1.5em;
			height: auto;
			padding-bottom: 20px;
			}

	#aa-logo	{
			width: 100%;
			float: none;
			margin: 0 auto;
			clear: both;
			text-align: center;
			}

	#aa-description	{
			width: 100%;
			float: none;
			text-align: center;
			margin: 0 auto;
			}

	#header 	{
        		width: 100%;
			padding: 10px 0 20px 0;
        		}

	#masthead	{
	  		width: 30%;
	  		float: none;
	  		margin: 0px auto 10px;
          		}

	#masthead img	{
	  		width: 100%;
	  		height: auto;
          		}

	#header-right	{
	  		width: 100%;
	  		float: none;
	  		margin: 0px auto;
			line-height: 1.5em;
          		}

	#tagline	{
			width: 100%;
			font-size: 1.25em;
        		}

	#access .menu-header,
	div.menu 	{
			font-size: 14px;
			margin-left: 0px;
			width: 100%; /* 928px */
			}

	#container-home {
                	width: 100%;
                	padding: 0px 0 20px 0;
                	}

	#container-page {
                	width: 100%;
                	padding: 20px 0 20px 0;
                	}

	#splash-title 	{
                	width: 90%;
			font-size: 1.75em;
			line-height: 1.35em;
			padding-top: 20px;
                	}

	#splash-content,
	#content-wrapper-one-col,
	#content-wrapper {
	  		float: none;
	  		width: 90%;
	  		margin: 0px auto;
          		}

	#features	{
			width: 100%;
 			padding: 0 0 20px 0;
			}

	.column-half	{
			width: 90%;
			float: none;
			margin: 0 auto;
			padding: 20px 0 30px 0;
			}

	.feature-title	{
			font-size: 1.5em;
			line-height: 1.5em;
			padding-bottom: 20px;
			}

	.feature-content{
			width: 100%;
			float: none;
			margin: 0px auto;
			font-size: 1em;
			line-height: 1.5em;
			}

	#primary,
	#secondary  	{
	    		float: none;
	    		width: 90%;
	    		margin: 0px auto;
            		padding: 20px 0 20px 0;
            		}

	#footer		{
			width: 100%;
 			padding: 20px 0 20px 0;
			}

	#footer-left,
	#footer-right	{
			float: none;
			width: 90%;
 			margin: 0px auto;
 			text-align: center;
			}

.footer-social-icon	{
			float: none;
			display: inline-block;
        		margin: 2px 0 0 5px;
        		}

	#affiliates	{
			width: 100%;
			padding-bottom: 20px;
			}

	.affiliate-logo	{
			width: 28%;
			display: inline-block;
			margin-top: 20px;
			}

    .affiliate-logo img	{
			width: 60%;
			height: auto;
			}



}





/* ================================================================================ */





@media (max-width: 569px)	{


    #header-wrap.scroll	{
			display: block;
       			width: 100%;
			position: static; /* fixed */
			z-index: 999;
			background-color: white;
			}

	#american-air	{
			display: none;
			/* width: 100%; */
 			/* margin: 0 auto; */         
			/* line-height: 1.5em; */
			/* height: auto; */
			/* padding-bottom: 20px; */
			}

	#aa-logo	{
			width: 100%;
			float: none;
			margin: 0 auto;
			clear: both;
			text-align: center;
			}

	#aa-description	{
			width: 100%;
			float: none;
			text-align: center;
			margin: 0 auto;
			}

	#top-bar-phone	{
			float: none;
        		margin: 0 auto;
			padding-left: 0px;
			text-align: center;
        		}

	#top-bar	{
        		width: 100%;
			text-align: center;
        		}

	#header 	{
        		width: 100%;
			padding: 10px 0 10px 0;
			border-bottom: 5px solid #f1f1f1;
        		}



	#masthead	{

	  		width: 50%;

	  		float: none;

	  		margin: 0px auto 10px;

          		}



	#masthead img	{

	  		width: 100%;

	  		height: auto;

          		}



	#header-right	{

	  		width: 100%;

	  		float: none;

	  		margin: 0px auto;

          		}



	#tagline	{

			width: 100%;

			font-size: 1.25em;

        		}



	#top-bar-social,

	.top-social-icon,

	#navigation,

	#access		{

			display: none;

			}



	#slider,

	#slider img	{

			width: 100%;

			}



	#container-home {

                	width: 100%;

                	padding: 0px 0 20px 0;

                	}



	#container-page {

                	width: 100%;

                	padding: 20px 0 20px 0;

                	}



	#splash-content,

	#content-wrapper-one-col,

	#content-wrapper {

	  		float: none;

	  		width: 90%;

	  		margin: 0px auto;

          		}



	#page-photo	{

			width: 100%;

			height: auto;

			margin: 0 auto;

			padding-bottom: 20px;

			background: white;

			}



	#page-photo img	{

			width: 100%;

			height: auto;

			}



	#splash-title 	{

                	width: 90%;

			font-size: 1.75em;

			line-height: 1.35em;

			padding-top: 20px;

                	}



	#features	{

			width: 100%;

 			padding: 0 0 20px 0;

			}



	.column-half	{

			width: 90%;

			float: none;

			margin: 0 auto;

			padding: 20px 0 30px 0;

			}



	.feature-title	{

			font-size: 1.5em;

			line-height: 1.5em;

			padding-bottom: 20px;

			}



	.feature-content{

			width: 100%;

			float: none;

			margin: 0px auto;

			font-size: 1em;

			line-height: 1.5em;

			}



	#content img  	{

	  		width: 100%;

			height: auto;

          		}



#content .entry-title	{

			font-size: 1.5em;

			text-align: center;

	  		margin: 20px auto;

          		}



	#primary,

	#secondary  	{

	    		float: none;

	    		width: 90%;

	    		margin: 0px auto;

            		padding: 20px 0 20px 0;

            		}



	.widget-title	{

			text-align: center;

			}



	#footer		{

			width: 100%;

 			padding: 20px 0 20px 0;

			}



	#footer-left,

	#footer-right	{

			float: none;

			width: 90%;

 			margin: 0px auto;

 			text-align: center;

			}



.footer-social-icon	{

			float: none;

			display: inline-block;

        		margin: 2px 0 0 5px;

        		}



#splash-content img	{

			width: 100%;

			height: auto;

			margin: 0 auto 15px;

			}



	.address-line	{

			display: block;

			width: 100%;

			text-align: center;

			clear: both;

			margin: 10px auto;

			}



	.mobile-hide	{

			display: none;

			}



	.product-post 	{

			float: none;

			width: 100%;

			margin: 0 auto;

			padding-bottom: 20px;

			}



	.product-thumb 	{

			float: none;

			width: 100%;

			height: 200px;

			margin: 0 auto 20px;

			}



	.product-title 	{

			float: none;

			font-size: 1.5em;

			margin: 20px auto 20px;

			margin-bottom: 10px;

			text-align: center;

			}



     .product-content   {

			float: none;

			width: 100%;

			font-size: 1.25em;

			line-height: 1.5em;

			margin: 0 auto;

			}



	.product-post 	{

			float: none;

			width: 100%;

			margin: 0 auto;

			padding-bottom: 40px;

			}



	.team-post 	{

			float: none;

			width: 100%;

			margin: 0 auto 20px;

			}



	.team-thumb 	{

			float: none;

			width: 100%;

			margin: 0 auto 20px;

			}



	.more-button 	{

			float: none;

			width: 150px;

			margin: 0 auto;

			padding: 10px 5px 10px 5px;

			font-size: 1em;

			}



	#affiliates	{

			width: 100%;

			padding-bottom: 10px;

			}



	.affiliate-logo	{

			width: 28%;

			display: inline-block;

			margin-top: 20px;

			}



    .affiliate-logo img	{

			width: 90%;

			height: auto;

			}



			



}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}