/* 
___________________________________
	
FONTS
___________________________________ */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600&display=swap');
	
.theme {}

.theme * { margin: 0; padding: 0; }
.theme a { color: #000; text-decoration: none; }
  .theme a:link { color: #000; text-decoration: none; }
  .theme a:visited { color: #000; text-decoration: none; }
.theme body { color: #777; font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0.01em; line-height: 1.7em; min-width: 1600px; }
.theme div {}
.theme footer { background: #fdfdfd; padding: 0 0 0 0; position: relative; text-align: center; }
.theme h1 { font-size: 26px; font-weight: 600; }
.theme h2 { color: #000; font-size: 13px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase;  }
.theme h3 { color: #000; font-size: 12px; font-weight: 600; letter-spacing: 0.02em; text-transform: capitalize;  }
.theme h4 { color: #000; font-size: 11px; font-weight: 600; letter-spacing: 0.04em; text-transform: capitalize;  }
  .theme input { background: #efefef; border: solid 1px #dedede; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; margin-bottom: 1em; padding: 1.2em; }
	.theme input[type=submit] { background: #000; color: #fff; padding: 1.2em; width: 150px; }
.theme main {}
.theme nav { z-index: 9997; }
.theme p { color: #000; font-size: 10px; letter-spacing: 0; }
  .theme p a, p a:link, p a:visited { color: #777; text-decoration: none; }
.theme section { height: auto; }
.theme textarea { background: #efefef; border: solid 1px #dedede; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; margin-bottom: 1em; padding: 1.2em; }
.theme ol { font-family: "Open Sans", sans-serif; }
.theme ul { list-style-position: outside; list-style-type: circle; }
  .theme ul li {}

/* 
________________________________________________

COLOR
________________________________________________ */

.color-blue { color: #1e73be; }
  .color-blue a { color: #1e73be; }
  .color-blue-bg { background: #1e73be; }

.color-red { color: #ee2726; }
  .color-red a { color: #ee2726; }
  .color-red-bg { background: #ee2726 !important; }

/* 
________________________________________________

CUSTOM CLASSES
________________________________________________ */

.article { /* background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.15); */ margin: auto; padding: 4em 1em 4em 1em; width: 90%; max-width: 1920px; }
  .article header { margin-bottom: 0.5em; padding: 0.5em; text-align: center; max-width: 100%; }
  .article hgroup { margin-bottom: 2em; }
  .article h1 { font-family: "Open Sans", sans-serif; font-weight: 600; text-transform: uppercase; }
  .article h2 { color: #333; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0.03em; line-height: 1.8em; margin: 0.3em auto 2em auto; text-transform: inherit; max-width: 600px; }
  .article ol { font-weight: 400; margin: 0 0 1em 1em; }
	.article ol li { font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 400; line-height: 2em; margin: auto; width: 100%; }
  .article ul { list-style: none; margin: 0 0 1em 0; }
	.article ul li { font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 400; line-height: 20px; list-style: none; margin: auto; width: 100%; }
  .article p { font-size: 13px; font-weight: 400; line-height: 22px; margin: 0 auto 1.5em auto; width: 100%; }
  .article section {}
  .article .hero { margin: auto; max-width: 560px; }

.flex { display: flex; flex-direction: row; list-style: none; margin: auto; width: 100%; } 	

.featured_story {}
  .featured_story .hero { height: 100%; }
  .featured_story .teaser { height: 100%; }
	.featured_story .teaser img { height: 100%; object-fit: cover; }

[class*='footer-'] { margin: auto; }
[class*='footer-'] ul { display: flex; flex-direction: row; list-style: none; margin: auto; width: 100%; } 
[class*='footer-'] ul li { list-style: none; padding: 1em 3em 1em 3em; width: 100%; }
	
.grid { position: relative; }
	.grid-item { padding: 0.3em 0 0.5em 0; }
.grid-logo { background: url('/domain/img/logo-small-bg.svg'); background-color: #fff; background-repeat: repeat; background-size: 20%; }

.hero {}

.logo { padding: 0; margin: auto; width: 560px; /* bottom: 0; left: 0; margin: auto auto 1em auto; position: absolute; right: 0; width: 98%; */ }

.module { background-color: #fff; border-top: solid 0 #f3f3f3; height: auto; position: absolute; }

  .module.accent-blue { border-top: solid 3px #1e73be; }
		.module.accent-blue a:hover { color: #1e73be; text-decoration: none; }
		.module.accent-blue h2 { color: #1e73be; }
		.module.accent-blue h3 { color: #1e73be; }
		.module.accent-blue h4 { color: #1e73be; }
  .module.accent-green { border-top: solid 3px #5ab237; }
		.module.accent-green a:hover { color: #5ab237; text-decoration: none; }
		.module.accent-green h2 { color: #5ab237; }
		.module.accent-green h3 { color: #5ab237; }
		.module.accent-green h4 { color: #5ab237; }
  .module.accent-purple { border-top: solid 3px #8224e3; }
		.module.accent-purple a:hover { color: #8224e3; text-decoration: none; }
		.module.accent-purple h2 { color: #8224e3; }
		.module.accent-purple h3 { color: #8224e3; }
		.module.accent-purple h4 { color: #8224e3; }
  .module.accent-red { border-top: solid 3px #ee2726; }
		.module.accent-red a:hover { color: #ee2726; text-decoration: none; }
		.module.accent-red h2 { color: #ee2726; }
		.module.accent-red h3 { color: #ee2726; }
		.module.accent-red h4 { color: #ee2726; }
	
  .module header { border-bottom: solid 0 #ecf0f5; margin-bottom: 0; padding: 1px; }

.theme .pad { padding: 1em; }

[class*='social_'] { border-radius: 0.2em; padding: 0.8em 0.5em 0em 0.5em; }
.social_facebook { background: #3b5998; }
.social_instagram { background: #cf2e2e; }
.social_twitter { background: #00A8FF; }


.teaser-list { margin-bottom: 1em; }
  .teaser-list ul { list-style: none; list-style-type: none; }
	.teaser-list ul li { display: flex; flex-direction: row; list-style: none; list-style-type: none; }

.teaser { width: 100%; }
  .teaser .copy { font-weight: 500; }
	.teaser .copy h4 { margin: 0.2em 0 0.2em 0; }
	.teaser .copy p { font-weight: 600; line-height: 1.2em; }
  .teaser .image { float: left; margin-right: 0.8em; overflow: hidden; width: 40px; }
	.teaser .image img { filter: brightness(1.0); height: 37px; object-fit: fill; opacity: 1.0; width: 40px; transition: 0.35s all ease; }
	  .teaser .image img:hover { filter: brightness(0.75); opacity: 1.0; transition: 0.35s all ease; }
.teaser .feature { margin-bottom: 1em; }
  .teaser .feature .copy { padding: 0 0 0 0; width: 100%; }
	.teaser .feature .copy h3 { display: block; font-size: 11px; margin-bottom: 0; line-height: 1.2em; text-transform: uppercase; }
	.teaser .feature .copy p { font-weight: 600; line-height: 1.2em; }
  .teaser .feature .image { height: 110px; margin-bottom: 0.2em; overflow: hidden; width: 100%; }
	.teaser .feature .image img { height: auto; object-fit: cover; width: 100%; }

.wrap { margin: auto; max-width: 1280px; }
.wrap_inner { margin: auto; }


/* 
________________________________________________

HOMEPAGE MODULES
________________________________________________ */

#ad { padding-bottom: 1em; }
  #ad hr { border: solid 1.5px #ee2726; margin: 0.8em 0 0.8em 0; }
  #ad .copy { background-color: #ee2726; border: outset 5px #ad1212; margin-bottom: 0.5em; padding: 2%; }
	#ad .copy p { color: #fff; font-size: 13px; font-style: italic; font-weight: 700; line-height: 1.4em; text-align: center; }
  #ad .image { background: #1e73be; color: #fff; padding: 0 0 0 0; }
	#ad .image img { padding: 15px; height: 230px; }

#adspace { width: 1740px; }
  #adspace .ad_space { display: inline-flex; padding: 1em; width: 19%; }
	#adspace .ad_space img { margin: auto; max-width: 100px; }
  #adspace .support { padding: 1em 0 0 0; }
	#adspace .support span { color: #00008b; font-size: 20px; font-style: italic; font-weight: 600; line-height: 1em; text-transform: capitalize; }

#alert_mobile { background: rgba(255,255,255,0.98); border: solid 5px #cd1212; border-radius: 0; display: none; left: 0; height: 100%; /* max-height: 300px; */ left:0; margin: auto; padding: 1em; position: fixed; right: 0; top: 0; width: 100%; /* max-width: 350px; */ z-index: 9999; }
  #alert_mobile h4 { color: #cd1212; font-size: 5vh; margin: auto; text-align: center; top: 0; max-width: 90%; }
#alert_mobile .info { bottom: 0; height: 90%; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 0; width: 100%; }
  #alert_mobile .info img { max-height: 80px; margin: 1em auto 1em auto; width: auto; }

#americas_plight {}

#banner { /* background-color: #ee2726; note: color is set with 'color_red' class */  padding: 0.4em 0 0.4em 0; width: 1740px; }
  #banner ul { display: flex; flex-direction: row; list-style: none; margin: auto; width: 100%; }
	#banner li { margin: auto; width: auto; }
	  #banner li h4 { color: #fff; font-size: 15px; font-weight: 700; text-align: center; }
	  #banner li span { color: #fff; font-size: 12px; font-weight: 700; text-align: center; }
	  #banner li.narrow { width: auto; }

#books { width: 570px; }
	#books .teaser { background: #fff; height: 200px; overflow: hidden; padding: 0 0.35em 0 0; /* padding: 0.1em 0.1em 2em 0.1em; */ text-align: center; }
	  #books .teaser img { border: solid 1px #999; height: 150px; width: 110px; /* height: 125px; width: 80px; */ }
	  #books .teaser h4 { display: block; color: #000; font-size: 11px;  }
	#books .teaser-list li { display: table-cell; margin-bottom: 0.5em; max-width: auto; }

#celebrity {}
  #celebrity .teaser .feature {}
	#celebrity .teaser .feature .copy {}
	  #celebrity .teaser .feature .copy h3 { color: #000; font-size: 14px; }
	  #celebrity .teaser .feature .copy p { font-size: 12px; font-style: italic; line-height: 1.4em; text-transform: inherit; }
	#celebrity .teaser .feature .image { height: 220px; margin-bottom: 0.8em; }
	#celebrity .teaser .feature .image img { height: 220px; }

#defenders {}
 #defenders .teaser .feature .image { height: 150px; }
  #defenders .teaser .feature .copy p { font-style: italic; font-weight: 600; }

#defenders-2 {}
  #defenders-2 .teaser .feature { margin-bottom: 0.3em; }
	#defenders-2 .teaser .feature .image { height: 150px; }
	#defenders-2 .teaser .feature .copy p { font-style: italic; font-weight: 600; }
	  #defenders-2 .teaser-list li .teaser .copy p { display: none; }

#defenders-3 {}
  #defenders-3 .teaser .feature { margin-bottom: 1.6em; }
	#defenders-3 .teaser .feature .image { height: 150px; }
	#defenders-3 .teaser .feature .copy p { font-style: italic; font-weight: 600; }
  #defenders-3 .teaser-list li .teaser .copy p { display: none; }

#elections {}
  #elections .teaser .feature { margin-bottom: 0.5em; text-align: center; }
  #elections .teaser .copy a { color: #000; }
  #elections .teaser-list {}
	#elections .teaser-list li { margin-bottom: 0.5em; line-height: 0; }

#featured_story { height: 324px; overflow: hidden; width: 570px !important; }
  #featured_story .teaser { height: 324px; overflow: hidden; position: relative; width: 100%; } 
	#featured_story .teaser .image { width: 100%; }
	  #featured_story .teaser .image img { height: 324px; width: 570px; }
	#featured_story .teaser .copy { background: #ee2726; bottom: 0; height: auto; left: 0; padding: 0.5em; position: absolute; text-align: center; width: 100%; z-index: 5; }
	  #featured_story .teaser .copy h2 { color: #fff !important; font-size: 14px; letter-spacing: 0.08em; text-transform: uppercase; }
	#featured_story .teaser .seal { bottom: 0.2em; height: 70px; left: 0.5em; position: absolute; width: 70px; z-index: 99; }

/*
	#featured_story .teaser .image { width: 100%; }
	  #featured_story .teaser .image img { height: 100%; object-fit: cover; -webkit-transform: scale(1.2); transform: scale(1.2); width: 620px; }
	#featured_story .teaser .copy { background: #ee2726; bottom: 0; left: 0; padding: 0.2em; position: absolute; text-align: center; width: 100%; }
	  #featured_story .teaser .copy h2 { color: #fff !important; font-size: 12px; }
	  #featured_story .teaser .seal { bottom: 0.2em; height: 70px; left: 0.5em; position: absolute; width: 70px; z-index: 99; }
*/

#fighting_back {}
  #fighting_back .teaser .feature { margin-bottom: 2.25em; }
	#fighting_back .teaser .feature .image { height: 130px; }
	  #fighting_back .teaser .feature .image img { height: 100%; }
	#fighting_back .teaser-list li .teaser .copy p { display: none; }

#footer-counter { height: auto; padding: 0; width: auto; }
  #footer-counter h5 { display: block; font-size: font-weight: 500; margin: 1em; }
  #footer-counter h6 { font-weight: 600; }
	#footer-counter #counter-siteviews { background: rgba(0,0,0,0.08); border: solid 1px #cfcfcf; color: #ee2726; font-size: 18px; font-weight: 500; letter-spacing: 0.01em; margin: auto; padding: 0.2em; max-width: 125px; }

#footer-legal {}
  #footer-legal p { font-size: 12px; font-weight: 500; line-height: 1.5em; }

#footer-home { height: auto; width: 1740px; }

#footer-links { margin: 0 auto 0 auto; padding: 1em 1em 0.5em 1em; width: 80%; }
  #footer-links a { padding: 0 2em 0 2em; }

#footer-main { height: auto; width: 100%; }

#footer-social { margin: auto; padding: 1em 1em 0 1em; width: 250px; }
  #footer-social a { margin: 0.2em; }
  #footer-social h5 { font-size: 1em; }

#freedom { background-image: url('/domain/files/uploads/uscofa.png'); background-repeat: no-repeat; background-size: 35%; background-position: 5% 80%; }
  #freedom .teaser .feature .image { height: auto; overflow: visible; }
	#freedom .teaser .feature .image img {}
  #freedom .teaser .feature .copy { text-align: center; }
  #freedom .teaser-list { padding: 0.5em; text-align: right; }
	  #freedom .teaser-list ul li {}
		#freedom .teaser-list ul li h4 { color: #1e73be !important; font-size: 11px; margin: 0 0 0.6em auto; }
		  #freedom .teaser-list ul li a:link { color: #1e73be; }
		  #freedom .teaser-list ul li a:visited { color: #1e73be; }

#get_involved {}
  #get_involved.accent-green a { color: #5ab237; text-decoration: none; }

  #get_involved .teaser .feature .image { height: 150px; }
  #get_involved .teaser .feature .copy p { display: none; }
  #get_involved .teaser-list { float: left; padding-left: 0.5em; }
	#get_involved .teaser-list li { margin-bottom: 1.7em; }
	  #get_involved .teaser-list li .teaser .copy p { font-size: 11px; font-weight: bold; }
  #get_involved .teaser-list-image { float: left; height: 150px; width: 35%; }

#inspiration {}

#layout { height: 1960px; left: 0.5%; margin: auto; position: absolute; right: 0.5%; width: 1740px; }

/*
#nav-home { height: 350px; left: 0.5%; margin: auto; padding: 0.5em; position: relative; right: 0.5%; width: 1740px; }
  #nav-home .logo {  left: calc(278px * 2 + 30px); /* make sure it matches .layout_column_3 /  width: 570px; } */

#nav-main { height: auto; padding: 0.5em; width: 100%; }
#nav-main .logo { margin: auto; width: 100%; max-width: 570px; }

#news {}
  #news #article-1 .feature img { -webkit-transform: scale(1); transform: scale(1); }

#patriots { }
  #patriots .teaser .feature .image { height: 150px; }
  #patriots .teaser .feature .copy p { font-style: italic; font-weight: 600; }

#patriots-2 {}
  #patriots-2 .teaser .feature .image { height: 150px; }
  #patriots-2 .teaser .feature .copy p { font-style: italic; font-weight: 600; }
  #patriots-2 .teaser-list li .teaser .copy p { display: none; }

#patriots-3 {}
  #patriots-3 .teaser .feature .image { height: 150px; }
  #patriots-3 .teaser .feature .copy p { font-style: italic; font-weight: 600; }
  #patriots-3 .teaser-list li .teaser .copy p { display: none; }

#popup { background: #fff; bottom: 0; box-shadow: 5 5 20 rgba(0,0,0,0.25); min-height: 250px; height: 80vh; max-height: 300px; margin: 0.5em; padding: 1em; opacity: 0; position: fixed; right: 0; text-align: center; transition: opacity 0.5s ease; width: 100%; max-width: 320px; z-index: 9998; }
  #popup h3 { font-size: 14px; font-weight: 400; padding: 0.4em 0 1em 0; } 
  #popup p {}
  #popup .button_cta { background: #000; border: none; color: #fff; font-family: "Open Sans", sans-serif; font-size: 12px; padding: 1em 1.5em 1em 1.5em; }
  #popup .icon_close { height: 25px; margin: 0.5em 0; opacity: 0.5; padding: 0.2em; position: absolute; top: 0; right: 0; width: 35px; }
  #popup .logo { margin: auto; padding: 0.2em; width: 100%; max-width: 300px; }
	#popup .logo img { width: 100%; }

#right_to_bear_arms {}
#right_to_bear_arms .teaser .feature .image { height: 115px; }
  #right_to_bear_arms .teaser .feature .image img { height: 115px; }
#right_to_bear_arms .teaser .feature .copy h3 { color: #1e73be !important; font-size: 12px; }

#page_subscribe { padding: 2em 1em 5% 1em; } 
  #page_subscribe h2 { font-size: 18px; font-weight: 400; letter-spacing: 0.02em; line-height: 1.5em; text-align: center; text-transform: capitalize; }
  #page_subscribe .disclaimer { margin-top: 3em; padding: 1em; }
	#page_subscribe .disclaimer p { font-size: 12px; font-weight: 300; text-align: center; }
  #page_subscribe .logo { margin-bottom: 2em; max-width: 500px; }
  #page_subscribe .wrap { margin: auto; max-width: 600px; }

#strength_in_numbers { width: 270px;  }
  #strength_in_numbers header { margin-bottom: 1em; padding: 0.3em; }
	#strength_in_numbers header h2 { color: #fff; }
	#strength_in_numbers .teaser {}
	  #strength_in_numbers .teaser .copy { padding-left: 1em; }
	  #strength_in_numbers .teaser .copy h3 { text-transform: uppercase; }
	  #strength_in_numbers .teaser .image { width: 45px; }
		#strength_in_numbers .teaser .image img { height: 45px; width: 45px; }
	#strength_in_numbers .teaser-list li { margin-bottom: 0.2em; }
  
#virtual_content { width: 270px; }
  #virtual_content .teaser-list li { margin-bottom: 0.73em; }


/*
________________________________________________

ARTICLE CUSTOMIZATIONS
________________________________________________ */


/* Featured Article */
[id*='article_'].featured {}
  [id*='article_'].featured header h2 { font-size: 38px; font-weight: 700; margin-bottom: 1em; text-transform: uppercase; }
  [id*='article_'].featured .hero { height: auto; max-width: 800px; }

/* Amendment to the Constitution */
#article_38 {}
  #article_38 h5 { font-weight: 700; }


/*
________________________________________________

LAYOUT
________________________________________________ */


[class*='layout_column_'] { width: 278px; }

.layout_column_1 { left: 0;  }
.layout_column_2 { left: calc(278px * 1 + 15px); }
.layout_column_3 { left: calc(278px * 2 + 30px); }
.layout_column_4 { left: calc(278px * 3 + 45px); }
.layout_column_5 { left: calc(278px * 4 + 60px); }
.layout_column_6 { left: calc(278px * 5 + 70px); }

.layout_row_0 { top: 5px; }
.layout_row_1 { top: 334px; }
.layout_row_2 { top: 672px; }
.layout_row_3 { top: 910px; }
.layout_row_4 { top: 1260px; }
.layout_row_5 { top: 1275px; }
.layout_row_6 { top: 1620px; }
.layout_row_7 { top: 1665px; }
.layout_row_8 { top: 1960px; }


/*
________________________________________________

OVERRIDE
________________________________________________ */

#layout { transform: scale(0.8,0.8); margin-top: -20%; }


/* 375px */
@media only screen and (max-width: 375px) { 
  #layout { display: none; }
  #popup { display: none; }
  #alert_mobile { display: block; }
}

/* 480px */
@media only screen and (max-width: 480px) { 
  #layout { display: none; }
  #popup { display: none; }
  #alert_mobile { display: block; }
}

/* style adjustments for portrait mode */
@media all and (orientation:portrait) {  
  #layout { display: none; }
  #popup { display: none; }  
  #alert_mobile { display: block; }
  
}

/* 600px */
@media only screen and (min-width: 481px, max-width: 600px) { 
  #layout { transform: scale(0.8,0.8); margin-top: -20%; }
  #popup { display: none; }
}

/* 640px */
@media only screen and (max-width: 640px) { 
  #layout { transform: scale(0.5,0.5); margin-top: -20%; }
}


/* 768px */
@media only screen and (min-width: 601px, max-width: 768px) {
  #layout { transform: scale(0.8,0.8); margin-top: -45%; }
}

/* 1024px!!! */ 
@media only screen and (max-width: 1024px) {
  #layout { transform: scale(0.6,0.6); margin-top: -20%; }
}

/* 1024px!!! */ 
@media only screen and (max-width: 2340px) {
  #layout { transform: scale(0.6,0.6) margin-top: -20%; }
}

/* screen width 2560px */
@media only screen and (max-width: 2560px) {
  #layout { transform: none; margin-top: 0; }
  
}