/*=======================================================================
  LAYOUT
====================================================================== */
   body                                      { margin:0 30px 0 30px;}
   .header-container                         { max-width:1200px; position:relative; margin:20px auto 0 auto;}
   .footer                                   { max-width:1200px; margin:50px auto 20px auto; border-top:2px solid #acd9e8; padding:20px 0 0 0; height:200px;}
   .overview                                 { background:#66828A; padding:20px;height:510px;} 
   .home-column                              { border-right:1px solid #66828A;}
   .logo-container                           { width:100%; position:relative; text-align:center;}
   .seperator                                { display:block; background:url(../img/hash.png),url(../img/rule.png),url(../img/hash.png); background-repeat: no-repeat, repeat-x, no-repeat; background-position: left, center, right; margin:20px 0px 20x 0px;}
   #nav-header                               { max-width: 1200px; margin:40px auto 40px auto; top:0; bottom:0; right:0; left:0; text-align:center; padding:10px 0 10px 0; border-top:2px solid #acd9e8; border-bottom:2px solid #acd9e8; position:relative}
   a.logo                                    { background: url(../img/logo.png); width: 227px; height: 33px; display: block; top:0; left:0; right:0; bottom:0; margin: 40px auto 40px auto; position: relative; }
   a.mobile-logo                             { visibility:hidden; display:hidden}
   .equal-heights                            { min-height:1150px;}
/*=======================================================================
  NAVIGATION
======================================================================= */
   div#nav-menu ul                           { list-style-type: none; display: inline-block; padding: 0; width: auto; margin: 0 auto 0 auto; line-height: .8 }
   div#nav-menu li                           { list-style-type: none; display: inline-block;    margin: 0; padding:0; border-right: 1px solid #acd9e8; }
   div#nav-menu li.active                    { font-weight: 800; }
   div#nav-menu li:last-child                { border: 0; margin: 0; padding: 0 }
   div#nav-menu li a                         { color: #ef4f38; text-transform: uppercase; font-size: 1rem; font-family: 'Arvo', serif; margin: 0 5px 0 1px; }
   div#nav-menu li a:hover                   { color: #7b7b7b; }
/*=======================================================================
  MOBILE MENU
======================================================================= */
   .left-small                               { background: none; left:-10px}
   .left-off-canvas-menu                     { background: #ef4f38; }
   .move-right .exit-off-canvas              { box-shadow: 0;}
   .top-bar-section ul li>a                  { font-family: 'Arvo', serif; color: #fff; font-weight:100;font-size:1rem; text-transform:uppercase;}
   ul.off-canvas-list li a                   { font-family: 'Arvo', serif;font-size:1rem; text-decoration: none;font-weight: 100; color: #fff; text-transform: uppercase; border-bottom: none;  }
   ul.off-canvas-list li                     { list-style-type: none;  }
   ul.off-canvas-list li a:hover             { background: #aad8e7; color: #fff;}
/*=======================================================================
  FOOTER
====================================================================== */
   .copyright                                { float:left;}
   .tagline                                  { float:right;}
   a.gtown-logo                                    { margin:auto; width:120px; height:84px;  position:absolute; left:0; right:0; background:url(../img/university-logo.png); display:block}
/*=======================================================================
  TYPOGRAPHY
========================================================================*/
   ul, ol, dl                                { line-height: 1.1; margin:0 0 20px 0; padding:0}
   li                                        { font-family:'Proxima N W15 Reg'; font-size: 1rem;}
   li a                                      { font-family: 'Arvo', serif; font-size:1rem;  color: #ef4f38;}
   h1                                        { font-family: 'Arvo', serif; font-size: 2rem;  color:#66828A;  font-weight: 100; padding: 0; }
   h1.archive-title                          { color:#fff;  font-weight: 100; padding: 20px 0 20px 20px; background:#F04F38; width:100%; margin:0 0 40px 0}
   h3                                        { margin:0; padding:0;}
   h6                                        { font-family: 'Proxima N W15 Bold'; font-size: 1rem; color: #66828A;  font-weight: 100; margin: 0 0 10px 0px; height: 30px;display: block;text-transform: uppercase;background: url(../img/small-hash-posts.png),url(../img/post-hash-line.png);background-repeat: no-repeat,repeat-x;background-position: bottom right,bottom center;line-height:1;}
   p                                         { font-family:'Proxima N W15 Reg'; font-size: 1rem; margin:0 0 25px 0}
   p.byline                                  { margin:0; line-height:.9;}
   .seperator h2                             { font-family: 'Arvo', serif; font-size: 2.00em;  color: #F04F38; margin: 0; font-weight: 100; background: #fff; display: inline-block; padding: 0 10px 0 0; margin: 0 0 0 -17px;}
   .seperator a                              { color: #F04F38;} 
   .seperator a:hover                        { color: #66828A; } 
   .tagline h2                               { font-family: 'Arvo', serif; font-size: 1.00rem; color: #66828A; font-weight:100; margin: 0; position:absolute; left:0; top:12px; text-transform:uppercase;}
   .copyright p, .copyright a                { font-family: 'Arvo', serif; font-size: .875rem; color: #66828A; line-height: 1.1}
    .copyright a:hover						 { text-decoration:underline;}
   .tagline p                                { font-family: 'Arvo', serif; font-size: 1.00rem; color: #F04F38; line-height: 1.1; text-transform:uppercase; }
   .overview p                               { font-family: 'Arvo', serif; font-size: .875rem; color: #FFFFFF; } 
   .overview h2                              { font-family: 'Proxima N W15 Bold'; font-size: 1.25rem; color: #ACD9E8; line-height: 1.1; font-weight:100; margin:0 0 20px 0px; padding:0 0 5px 0px; border-bottom:1px solid #fff; text-transform:uppercase} 
   .overview a                               { font-family: 'Proxima N W15 Bold'; font-size: .875rem;  color:#fff}
   .overview a:hover                         { text-decoration:underline; color:#fff; }
   .overview ul                              { margin:0 0 0 18px; padding:0; color:#fff; }
   .overview li   `                          { margin:0; padding:0; color:#fff; list-style-type:circle}
/*=======================================================================
  POST PAGES
========================================================================*/
   .featured-image                           { padding:0 0 20px 0; margin:0 0 10px 0; border-bottom: 1px solid #66828A ;}
   .post-title-container                     { background:url(../img/grid-hash.png) left repeat-y; width:100%; padding:0 0 0 30px; margin:0 0 40px 0}
   .post-title-container h1                  { margin:0 0 30px 0; padding:0; line-height:1;}
   .post-content h3                          { font-family: 'Arvo', serif; margin:0; padding:0; font-weight:100; font-size:1rem; color:#66828a; text-transform:uppercase}
   .post-content ul                          { margin:0 0 20px 17px; padding:0; }
   .post-content li                          { margin:0 0 10px 0; padding:0; }
   .post-content a                           { color:#F04F38;}
   .post-content a:hover                     { text-decoration:underline}   
   .postmeta                                 { color:#66828A;  font-family: 'Arvo', serif; font-size:.975rem}
/*=======================================================================
  SUB PAGES
========================================================================*/
   .page-title-container                     { background:#66828A; width:100%; padding:30px; margin:0 0 40px 0}
   .page-title-container h1                  { color:#fff; margin:0; line-height:1; text-transform:uppercase; font-weight:normal;letter-spacing:.075em}
   .subpage                                  { background:#E2E9E9; padding:20px; min-height:600px }
   .subpage a                                { color:#66828a;font-family: 'Arvo', serif; font-weight:800; font-size:.85rem; text-transform:uppercase}
   .subpage a:hover                          { text-decoration:underline}
   .subpage h2                               { font-family: 'Arvo', serif; margin:0; padding:0; font-weight:100; font-size:1rem; color:#F04F38; text-transform:uppercase}
   .subpage h3                               { font-family: 'Arvo', serif; margin:0; padding:0; font-weight:100; font-size:1rem; color:#F04F38; margin-bottom:30px}
   .subpage p                                { font-family:'Proxima N W15 Reg'; color:#66828A; margin:0 0 10px 0; line-height:1.25}
   .subpage-callout p                        { font-size:1.25rem; font-family: 'Arvo', serif; line-height:1.3; margin:0 0 0px 0}
   .subpage ul 	                       		{ margin:10px 0 10px 15px; padding:0}
   .subpage li								         { font-family: 'Arvo', serif; font-size:1rem; color:#66828A; margin:0 0 5px 0; padding:0; line-height:1.25} 
   .tags								               { border-top:1px solid #acd9e8; margin:10px 0 0 0; padding:10px 0 0 0; font-family: 'Arvo', serif; font-size:.9rem; text-transform:uppercase}
    p.wp-caption-text                        { font-size:.75rem; font-style:italic; padding:5px 10px 10px 10px}
   .post-entry-container                     { background: url(../img/small-hash-posts.png),url(../img/post-hash-line.png); background-repeat: no-repeat,repeat-x; background-position: bottom right,bottom center; padding-bottom:20px; margin-bottom:10px }							
   
   .btn-infographics a						{ width:100%; height:100px; background:#e1e9e9 url(../img/btn-infographics.png) center no-repeat; background-size:contain; text-align:center;  font-family: 'Arvo', serif; font-size:1.5rem; text-transform:uppercase; color:#66828A; display:block; padding:30px 0 0 0 }
   
     .btn-infographics a:hover {color:#F04F38}		
	    .btn-survey a						{ width:100%; height:100px; background:#e1e9e9 url(../img/btn-survey.png) center no-repeat; background-size:contain; text-align:center;  font-family: 'Arvo', serif; font-size:1.5rem; text-transform:uppercase; color:#66828A; display:block; padding:30px 0 0 0 }
   
     .btn-survey a:hover {color:#F04F38}		
	 
	    .btn-hatecrimes a						{ width:100%; height:100px; background:#e1e9e9 url(../img/btn-hatecrimes.png) center no-repeat; background-size:contain; text-align:center;  font-family: 'Arvo', serif; font-size:1.5rem; text-transform:uppercase; color:#66828A; display:block; padding:30px 0 0 0 }
   
     .btn-hatecrimes a:hover {color:#F04F38}		
	 
	    .btn-elections a						{ width:100%; height:100px; background:#e1e9e9 url(../img/btn-elections.png) center no-repeat; background-size:contain; text-align:center;  font-family: 'Arvo', serif; font-size:1.5rem; text-transform:uppercase; color:#66828A; display:block; padding:30px 0 0 0 }
   
     .btn-elections a:hover {color:#F04F38}		
   
/*=======================================================================
  SEARCH FORM
========================================================================*/
   .search-form                              { position:absolute; right:0; top:10px; width:auto}
   #s                                        { width:150px; height:25px; float:left; border:1px solid #acd9ea}
   #searchsubmit                             { background:#acd9ea; border:0; width:70px; height:25px; float:left; text-transform:uppercase; font-size:.9rem;font-family:'Proxima N W15 Reg'; color: #fff; }
/*=======================================================================
  SIDEBAR WIDGETS
========================================================================*/
  
   /*Glogbal Navigation*/ 
   #menu-sidebar-global li a                 { font-family:'Proxima N W15 Bold';text-transform:uppercase; color:#66828A; font-size:.9rem }
   #menu-sidebar-global li a:hover           { font-family:'Proxima N W15 Bold';text-decoration:underline }
   #menu-sidebar-global li                   { font-family:'Proxima N W15 Bold';color:#66828A; margin:0 0 0px 0; list-style-type:disc;}
   ul#menu-sidebar-global                    { margin:0 0 25px 18px }
   
   /*Recent Post*/ 
   #recent-posts-2 li                        { list-style-type:none; margin:0 0 15px 0; padding:0; color:#F04F38; }
   #recent-posts-2 li a                      { font-size:.9rem}
   #recent-posts-2 li a:hover                { text-decoration:underline; color:#F04F38; }
   #recent-posts-2 li:before                 { content: '> '}
   
/*=======================================================================
  MODULES
=========================================================================*/

   /*Featured Module*/ 
   .post-title-featured h2                   { font-family: 'Arvo', serif; font-size: 2rem; color: #F04F38; font-weight:100; background:#FFFFFF; padding:15px 20px 10px 30px; position:absolute; bottom:80px; left:0; width:100%; z-index:1; min-height:70px;}
   .post-title-featured-hover h2             { font-family: 'Arvo', serif; font-size: 2rem; color: #FFFFFF; font-weight:100; background:#66828A; padding:15px 20px 10px 30px; position:absolute; bottom:80px; left:0; width:100%; z-index:1; min-height:70px;}
   .post-date-featured                       { font-family:'Proxima N W15 Bold'; font-size:.9rem; color:#66828A; background:#fff;text-align:center; padding:10px 10px 10px 10px; position:absolute; bottom:5px; right:30px; z-index:1; text-transform:uppercase;}
   .hash-featured-left                       { background:url(../img/grid-hash.png); width:10px; height:270px; position:absolute; bottom:-15px; left:0;  z-index:1000}
   .hash-featured-right                      { background:url(../img/grid-hash.png); width:10px; height:270px; position:absolute; bottom:-15px; right:0; z-index:1000}

   /*Medium Module*/
   .post-title-medium h2                     { font-family: 'Proxima N W15 Bold'; font-size: 1.00rem; color: #66828A; line-height: 1.1; background:#FFFFFF; padding:10px 20px 10px 20px; min-height:55px; position:absolute; bottom:60px; left:0; width:100%; z-index:1 }
   .post-title-medium-hover h2               { font-family: 'Proxima N W15 Bold'; font-size: 1.00rem; color: #FFFFFF; line-height: 1.1; background:#66828A; padding:10px 20px 10px 20px; min-height:55px; position:absolute; bottom:60px; left:0; width:100%; z-index:1 }
   .post-date-medium                         { font-family: 'Arvo', serif; font-size:.875rem; color:#F04F38; background:#fff;  padding:10px; text-transform:uppercase;position:absolute; bottom:-5px; right:20px; display:inline-block; }
   .hash-medium-left                         { background:url(../img/grid-hash.png); width:10px; height:170px; position:absolute; bottom:-15px; left:0; z-index:1000 }
   .hash-medium-right                        { background:url(../img/grid-hash.png); width:10px; height:170px; position:absolute; bottom:-15px; right:0; z-index:1000 }

   /*Small Module*/
   .post-title-small h2                      { font-family: 'Proxima N W15 Bold'; font-weight:100; font-size: 1.00rem; color: #66828A; line-height: 1.1; background:#FFFFFF; padding:10px 20px 10px 20px; min-height:70px;  position:absolute; bottom:10px; left:0; width:100%; z-index:1 }
   .post-title-small-hover h2                { font-family: 'Proxima N W15 Bold'; font-weight:100; font-size: 1.00rem; color: #FFFFFF; line-height: 1.1; background:#66828A; padding:10px 20px 10px 20px; min-height:70px;  position:absolute; bottom:10px; left:0; width:100%; z-index:1 }
   .post-date-small                          { font-family: 'Arvo', serif; font-size:1rem; color:#fff; width:auto; float:right; text-transform:uppercase; margin-right:10px; display:inline-block; }
   .post-date-small-infographic              { font-family: 'Arvo', serif; font-size:.9rem; color:#F04F38; background:#fff; padding:5px; width:auto; float:right; text-transform:uppercase; margin-right:10px; display:inline-block; }  
   .hash-small-left                          { background:url(../img/grid-hash.png); width:10px; height:90px; position:absolute; bottom:-15px; left:0; z-index:1000}
   .hash-small-right                         { background:url(../img/grid-hash.png); width:10px; height:90px; position:absolute; bottom:-15px; right:0; z-index:1000}

/*=======================================================================
  SOCIAL MEDIA
========================================================================== */
   #menu-social-media                        { padding:0px 0 20px 0;}
   #menu-social-media li a                   { font-size:0px; display:block; width:20px; height:20px; }
  .social-media 							         { background:#66828A; padding:5px;}
   li.sm					                        { float:left; margin:0 5px 0 0; padding:0; list-style-type:none; }    
   li.fb					                        { background:#acd9e8 url(../img/fb.png)}
   li.fb:hover			                        { background:#ef4f38 url(../img/fb.png)}
   li.tw					                        { background:#acd9e8 url(../img/tw.png)}
   li.tw:hover			                        { background:#ef4f38 url(../img/tw.png)}
   li.li					                        { background:#acd9e8 url(../img/in.png); margin:0}
   li.li:hover	                              { background:#ef4f38 url(../img/in.png)}
   li.yt					                        { background:#acd9e8 url(../img/pi.png)}
   li.yt:hover					                  { background:#ef4f38 url(../img/pi.png)}


/*=======================================================================
   MEDIA QUERIES
========================================================================== */
@media only screen and (min-width: 920px) and (max-width: 1100px){
   .hash-small-left                          { height:130px; width:5px;}
   .hash-small-right                         { height:130px; width:5px;}

}

@media only screen and (max-width: 920px){
   .home-column                              { border-right:none}    
   .overview                                 { height:auto;}
   .post-title-featured h2                   { min-height:auto; height:auto; font-size:1.5rem}
   .post-title-featured-hover h2             { min-height:auto; height:auto; font-size:1.5rem}
   .post-title-medium h2                     { min-height:auto; height:auto}
   .post-title-medium-hover h2               { min-height:auto; height:auto}
   .post-title-small h2                      { min-height:auto; height:auto}
   .post-title-small-hover h2                { min-height:auto; height:auto}
   .footer                                   { margin:10px; padding:10px}
   .copyright                                { float:none; position:relative;  margin:auto; text-align:center;}
   .tagline                                  { float:none; position:relative; margin:auto; text-align:center;}
   a.gtown-logo                              { float:none; position:relative; margin:auto auto 20px auto; text-align:center;}
   .footer {height:auto;}
}


@media only screen and (max-width: 1024px){
   body                                      { margin:0;}
   #nav-header                               { margin-left:20px; margin-right:20px}  
   .subpage                                  { margin-bottom:40px}
	.subpage-image img							   { margin-top:-40px; margin-bottom:40px;}
   .page-title-container                     { margin:0}  
   .logo-container, .logo                    { visibility:hidden; display:none}
   a.mobile-logo                             { visibility:visible; display:block;}
   a.mobile-logo                             { background: url(../img/mobile-logo.png); width: 150px; height: 22px; display: block; top:12px; left:0; right:0;margin:auto; position: relative; }
   .tags                                     { margin-bottom:40px;}
   #nav-header                               { visibility:hidden; display:none;}   
   .bio-thumb                                { float:left; margin-top:20px;}
   
   
     .btn-infographics a						{ background:#e1e9e9; border-bottom:20px solid white; padding:25px 0 0 0 }
    
	    .btn-survey a						{ background:#e1e9e9; border-bottom:20px solid white; padding:25px 0 0 0 }
   
	 
	    .btn-hatecrimes a						{ background:#e1e9e9; border-bottom:20px solid white; padding:25px 0 0 0 }
   
  
	 
	    .btn-elections a					{ background:#e1e9e9; border-bottom:20px solid white; padding:25px 0 0 0 }
   
    
   
   
    /*Glogbal Navigation*/ 
   #menu-sidebar-global li a                 { font-family:'Proxima N W15 Bold';text-transform:uppercase; background:#acd9e8; display:block; padding:5px;color:#66828A; font-size:.9rem }
   #menu-sidebar-global li a:hover           { font-family:'Proxima N W15 Bold';text-decoration:none; background:#66828A; color:#fff}
   #menu-sidebar-global li                   { font-family:'Proxima N W15 Bold';color:#66828A; margin:0 0 10px 0;padding:0; list-style-type:NONE;}
   ul#menu-sidebar-global                    { margin:0 0 25px 0px }
   
     /*Recent Post*/ 
   #recent-posts-2 li                         { font-family:'Proxima N W15 Bold';color:#66828A; margin:0 0 10px 0;padding:0; list-style-type:NONE;}
   #recent-posts-2 li a                     { font-family:'Proxima N W15 Bold';text-transform:uppercase; background:#acd9e8; display:block; padding:5px;color:#66828A; font-size:.9rem }
   #recent-posts-2 li a:hover                 { font-family:'Proxima N W15 Bold';text-decoration:none; background:#66828A; color:#fff}
   #recent-posts-2 li:before                 { content:none}
  }