/**

 responsive.css

Responsive stylesheet for UCSA theme:
 Chefs: Cement Marketing;
 Devlopers: Rainy Day Media;

*/

/***  HEADER  ***/

    #wpadminbar {
        width: 100%;
        min-width: 0;
        position: absolute;
    }

    header {
		width: 100%;
        height: 140px;
        position: relative;
        display: block;
        top: -85px;
        margin-top: 0px;
        background-size: 100% 50px;
	}
        #header.sticky {
            display: none;
        }

    .wrapper {
        width: 100%;
    }

    .main-logo {
        margin-left: 10px;
    }
        .main-logo a img {
            width: 85%;
            height: 85%;
        }

    .top {
        padding-left: 125px;
        float: left;
    }

    a.loginout-button {
        top: 50px;
        bottom: 40px;
    }

    .main-nav {
        margin-top: 25px;
        margin-right: 20px;
        width: 100%;
    }
        .main-nav:after {
            content: "≡ Menu";
            border: 1px solid gray;
            border-radius: 4px;
            padding: 5px 9px;
            position: relative;
            float: right;
        }

        .main-nav ul {
            display: none;
            position: absolute;
            float: left;
            margin-top: 40px;
            width: 90%;
            z-index: 9999;
            left: -8px;
        }
            .main-nav ul li {
                border: 1px solid gray !important;
                background-color: #332F2F;
                width: 90%;
                z-index: 9999;
                border-right: none;
                float: right;
            }
                .main-nav ul li a {
                    height: 20px;
                    z-index: 9999;
                    border-right: none;
                    color: white;
                }
            .main-nav ul li:last-child {
            	border: 1px solid gray !important;
                background-color: #332F2F;
                width: 90%;
                z-index: 9999;
                border-right: none;
                float: right;
            }
            @media ( max-width: 645px ) {
				.main-nav ul li:last-child {
	            	border: 1px solid gray !important;
    	            background-color: #332F2F;
        	        width: 90%;
            	    z-index: 9999;
                	border-right: none;
	                float: right;
				}
			}
			@media ( max-width: 780px ) {
				header {top: 0px;}
				body.admin-bar #header {
					margin-top: 0px;}
				.container #searchform2 { /*display:none;*/}
				.top {padding-left: 0px;
					float: none;
					padding-right: 10px;}
				.main-nav ul li {
					background-image:none;
					background:#332F2F;}
				
				#menu-item-36 {background:#332F2F;}
				
			}

/***  FOOTER  ***/

	footer {
		min-width: 300px;
        height: 100%;
        position: relative;
		background:#6b0010;
        padding-bottom: 0;
        display: block;
	}
	
	
	@media ( max-width: 768px ) {
		#footer {
			margin-top: 60px;
			min-width: 200px;
		}
		.footer-header .textwidget {
			line-height: 24px;
			
		}
		.map {min-height: 210px;}
	}
	@media (min-width: 200px) and (max-width: 768px) {
			footer .footer-widget {
				padding: 20px 10px;
				width:auto;
			}
    	}
	@media (min-width: 601px) and (max-width: 768px) {
			#callouts-wrapper #callouts li.callout {
				width: 230px !important;
			}
		}
	@media (min-width: 200px) and (max-width: 600px) {
			#callouts-wrapper #callouts li.callout {
				width: 180px !important;
			}

		}
	@media (min-width: 320px) and (max-width: 383px) {
			footer .footer-widget #nav_menu-2, footer .footer-widget #nav_menu-5, footer .footer-widget #nav_menu-4, footer .footer-widget #text-4 {
				border-right:none;
				text-align:left;
				padding-right:0px;
				padding-left:0px; 
				border-left:none;
			
			}
			
    	}
        footer:before {
            top: -40px;
		}
        footer .wrapper {
            width: 100%;
        }

        .footer-top {
            position: relative;
            top: -25px;
            min-width: 0;
		}

        .social {
            position: relative;
            top: -30px;
            z-index: 9999;
        }

        .footer-search {
            /*position: relative;
            top: -30px;*/
	    margin-top:100px;
	    clear:both;
        }

        .credit {
            position: relative;
            top: -30px;
        }

        .advertise {
            width: 120px;
            position: relative;
            left: -20px;
            top: -30px;
            z-index: 9999;
        }

        .ad-footer {
            width: 300px;
            height: 70px;
            /*max-width: 400px;
            max-height: 70px;*/
            float: left;
            position: relative;
            top: -20px;
		}
            .ad-footer #ad-slider {
                width: 100%;
            }
            .ad-footer li {
                width: 100%;
            }
            .ad-footer li img {
                width: 100%;
                height: auto;
                float: left;
                margin: 0 auto;
            }

/***  MAIN STRUCTURE  ***/

	body {
        width: 100%;
		margin: 0 auto;
		padding-top:0px;
	}

    #content-wrapper {
		width: 95%;
        background: none;
        padding-right: 5px;
		margin: 0px auto;
	}

    #content {
        width: 100%;
        margin: 0 0 20px 0;
        position: relative;
        top: 0px;
    }
        #content p span {
            float: left;
        }
        #content h1 {
            font-size: 24px;
            line-height: 30px;
        }
        #content div {
            float: left !important;
            width: 100% !important;
        }
        #content ol, #content ul {
            padding: 0;
        }
        #content table {
            width: 100% !important;
        }
            /*#content table td {
                width: 50%;
            }*/
            #content table td:nth-child(3) {
                min-width: 60px;
            }

/**  SIDEBAR  **/

    #sidebar {
        float: left;
        width: 250px;
        position: relative;
        top: -40px;
        background-color: #d5d4d0;
    }
        #sidebar .side-ad .ad-caption {
            display: none;
        }
        #sidebar .side-ad li {
            float: left;
            width: 100px;
            height: 100px;
            position: relative;
            left: 10px;
            margin: 10px;
            background-size: 100px 100px;
        }
        #sidebar .widget {
            float: left;
            display: block;
            position: relative;
            left: 10px;
            overflow: hidden;
        }
        #sidebar .gform_widget {
            width: 95%;
        }

/***  HOMEPAGE CONTENT  ***/

    #banner {
			width:96%;
			height:auto !important;
			margin: 0px;
			text-align: center;
			padding: 8px 4px;
			border:none !important;
			display:none;
		}
		
		@media (min-width: 440px) and (max-width: 600px) {
			#banner {
				background:none;
			}
    	}
		@media (min-width: 200px) and (max-width: 339px) {
			#banner {
				background:none;
			}
    	}
			.responsive-tagline {display:block;
				width:100%;
				text-align:center;
				clear:both;}
			.responsive-tagline img {
				max-width:90%;	
				height:auto !important;
			}
			.responsive-tagline h1{
				font-size: 24px;
				line-height: 30px;
			}
			
			.responsive-tagline p {
				font-size: 14px;
				line-height: 18px;
			}
			
			#banner #slider {
				width:100%;
				margin: 0 auto;
			}
			#banner li {
				/* display:none; */
                width: 100%;
				height: 100% !important;
				background: none;
				text-align: center;
				border:none;
				margin: 0px auto;
			}
				#banner li img {
                    /* display:none; */
					display: block;
					width: 385px;
					height: auto;
					margin: 0px auto;
					padding: 0;
					border: none;
					float: none;
					max-width: 85%;
				}
            #banner .description {
                width: 90%;
				height: 120px;
				padding: 10px 0px 0px 0px;
				top: 0;
                border-top: 1px solid #555555;
				display:none;
			}
                #banner .description h1 {
                    font-size: 24px;
                    line-height: 30px;
                }
                    #banner .description h1 br {
                        content: " ";
                    }
                    #banner .description h1 br:after {
                        content: " ";
                    }
                    #banner .description p br {
                        content: " ";
                    }
                    #banner .description p br:after {
                        content: " ";
                    }
                #banner .description p {
                    font-size: 14px;
                    line-height: 18px;
                }
			#banner .indicator {
                /* display:none; */
			}

    .right-column {
        width: 90%;
        float: left;
        padding-bottom: 10px;
    }
        .home .right-column {
            position: relative;
            float:  left;
            width: 90%;
        }


    .sponsor a.more-button {
        float: right;
        margin-right: 20px;
    }
    .sponsor .sponsor-image,
    .sponsor .sponsor-content {
        display: block;
        vertical-align: top;
    }
        .sponsor .sponsor-image img {
            margin-left: 20%;
        }
    .sponsor .sponsor-content {
        width: 100%;
    }

    #content-wrapper.home {
        display: block;
        min-height: 0;
    }

    #content.home {
        width: 100%;
        padding-right: 0;
        border-right: none;
        position: relative;
        top: 10px;
    }
        #content.home p {
            width: 100%;
            position: relative;
        }
    .entry {
        width: 90%;
        margin-top: 20px;
        display: block;
	}
	
	#callouts-wrapper {
		background:none;
		margin:0xp auto;
	}
	#callouts-wrapper #callouts li.callout {
		border-left:none;	
	}

/**  HOMEPAGE CALL-TO-ACTION BUTTONS  **/

    #callouts-wrapper {
        padding-bottom:  5px;
        padding-top: 30px;
        position: relative;
        margin-top: 30px;
        margin-left: 10px;
        z-index: 99;
    }
        #callouts-wrapper #callouts li.callout {
            width:  135px;
            border-left: 1px solid #72706f !important;
        }
        ul#callouts li {
            line-height: 12px;
        }
            ul#callouts li a span {
                width: 135px;
            }
            ul#callouts li.callout a {
                padding:80px 20px 0 20px;
            }

/** control width of callouts so its either 2 or 4 columns **/
    @media (min-width: 440px) and (max-width: 600px) {
        ul#callouts {
            width: 100% !important;
            margin-left: auto;
            margin-right: auto;
        }
    }

/**  JUDGES PAGE  **/
    #content blockquote {
        width: 800px;
    }
        #content blockquote td {
            width: 0;
        }

/**  FAQS PAGE  **/

    .faqs td.answer {
        padding-left: 0;
    }

    .faqs ul {
        padding-left: 0 !important;
    }

    /*#highlight tr td:nth-child(2) {
        min-width: 85px;
    }*/

/**  CLUBS AND EVENTS PAGE  **/
    .map {
        background: none;
        height: auto;
    }
        .map .overlay {
            display: block;
            height: auto;
        }
            .map .overlay:hover {
                background: none;
            }
            .map .overlay .toggle {
                margin: 1px 0;
                width: 95%;
                display: block;
                position: relative;
                top: 0 !important;
                left: 0 !important;
            }

/**  REGION PAGE  **/
    .region-header {
        display: block;
    }
        .region-header h1 {
            font-size: 30px;
            line-height: 25px;
        }

    #events-top-content-wrap, #events-bottom-content-wrap .inner {
        width: 100%;
    }

    #events-top-content-wrap .region-header .region-image {
        display: block;
        width: 90%;
    }
        #events-top-content-wrap .region-header .region-image img {
            width: 100%;
            height: 100%;
        }

    #events-top-content-wrap .region-header .region-content {
        display: block;
        width: 90%;
    }
        #events-top-content-wrap .region-header .create-event-link {
            display: block;
            width: 100%;
        }
        #events-top-content-wrap .region-header .region-content .region-search form {
            white-space: nowrap;
        }
        #events-top-content-wrap .region-header .region-content h2 {
            font-size: 20px;
            line-height: 25px;
        }
        #events-top-content-wrap .region-header .region-content p {
            margin-bottom: 5px;
            float: left;
        }

    #events-bottom-content-wrap {
        padding-bottom: 0;
    }

    #content ul.tabs {
        margin-top: 20px;
    }
        #content ul.tabs li {
            display: block;
            width: 100%;
        }

    #content .tab-content .block-wrapper .block h3 {
        display: none;
    }

/**  KENNELS PAGE  **/
    iframe {
        width: 100%;
    }

/**  USCA MEDAL WINNERS TABLE  **/
    /*#BronzeUSA {
        width: 150px !important;
    }
    #SilverUSA {
        width: 150px !important;
    }
    #GoldUSA {
        width: 150px !important;
    }
    #MasterGold {
        width: 150px !important;
    }*/

/**  NON GRAVITY FORM FORMS  **/
    #your-profile .form-table td {
        padding: 1px;
        display: block;
        width: 80%;
    }
    #your-profile .form-table th {
        padding: 1px;
        display: block;
        white-space: nowrap;
    }
    #your-profile #pass1 {
        width: 100%;
    }
    #your-profile #pass2 {
        width: 100%;
    }
    #content textarea {
        width: 250px;
    }
    #content canvas {
        width: 100% !important;
    }

/**  GRAVITY FORMS  **/
    .gform_wrapper {
        width: 100%;
    }
    .gform_wrapper .gform_card_icon_container {
        height: auto;
    }
    #content div.gform_card_icon {
        width: 36px !important;
    }
    #content .gform_wrapper .top_label li.gfield.gf_left_half {
        float: left;
        width: 100% !important;
    }
    #content .gform_wrapper .top_label li.gfield.gf_right_half {
        float: left;
        width: 100% !important;
    }
    #content .gform_wrapper .top_label li.gfield.gf_left_third {
        float: left;
        width: 100% !important;
    }
    #content .gform_wrapper .top_label li.gfield.gf_middle_third {
        float: left;
        width: 100% !important;
        margin-left: 0 !important;
    }
    #content .gform_wrapper .top_label li.gfield.gf_right_third {
        float: left;
        width: 100% !important;
    }
    .page-template-page-online-forms-php #content, .page-template-page-online-member-lookup-php #content {
        margin: 0 0 20px 0;
    }

/**  WOOCOMMERCE  **/

    .woocommerce #content ul.products li.product a img,
	.woocommerce-page ul.products li.product a img,
	.woocommerce #content .attachment-shop_catalog.wp-post-image,
	.woocommerce-page .attachment-shop_catalog.wp-post-image	{
		width: 80%;
	}