/*
Theme Name:coachbridget
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */




	/* Make the modal appear when targeted */
	
#modalxx .header,#modal .footer {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
	#modalxx .footer {
		clear:both;
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 0px 5px;
	}
#modalxx h2 {
	margin:0;
}
#modalxx .btn {
	float:right;
	margin-right:-20px;
	margin-top:-100px;
	
}
#modalxx .copy,#modalxx .header, #modal .footer {
	padding:0;
	border:none !important;

}


#modalxx .header h2{
padding:45px 0px 10px 0;
font-family:"Times New Roman", Times, serif;
font-size:37px; 
color:#FFF !important;
text-align:center;
/*margin-top:180px !important;*/
border-bottom:none !important;
	}
#modalxx .modal-content {
	background: #e43b50;
	position: relative;
	z-index: 20;
	border-radius:5px;
	padding-top:0px !important;
	padding-bottom:5px;
	/*padding:50px;*/
}

#modalxx .modalBody{ width:100%; margin:0 auto; 
}
#modalxx .copy {
	background: #fff !important;
	margin:25px;
	border-radius:6px !important;
	padding:25px;
	
}
#modalxx .copy  p{
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:13px;
	text-align:justify;
	line-height:20px;
	padding-bottom:0px;	}

#modalxx .copy_photo{ float:left; display:block; margin:0 15px 15px 0;}

#modalxx .copy_photo img{ width:100%; height:auto;}

#modalxx .footer { height:0px; background:#e43b50 !important;}




 @media (max-width: 414px){
	#modalxx .copy {
    background: #fff !important;
    margin: 6px;
    border-radius: 6px !important;
    padding: 15px;
}

 }
 
 
 
 @media (max-width: 400px){
	#modalxx .copy {
    background: #fff !important;
    margin: 6px;
    border-radius: 6px !important;
    padding: 15px;
}

 }
@media (max-width: 360px){
	#modalxx .copy {
    background: #fff !important;
    margin: 6px;
    border-radius: 6px !important;
    padding: 25px;
}

#modalxx .copy_photo {
	width:200px !important;
	height:180px !important;
    float: left;
    display: block;
    margin: 0 22px 15px 0;
}
	}
	
	
	
@media (max-width: 320px){
	#modalxx .copy {
    background: #fff !important;
    margin: 6px;
    border-radius: 6px !important;
    padding: 15px;
}

#modalxx .copy_photo {
	width:180px !important;
	height:180px !important;
    float: left;
    display: block;
    margin: 0 32px 30px 0;
}
	}