/*
Theme Name: Bullpen Strategy Group
Theme URI: https://bullpenstrategygroup.com
Author: Bullpen Strategy Group
Author URI: https://bullpenstrategygroup.com
Description: Custom Wordpress Theme
Version: 4.0.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: 
Text Domain: Bullpen Strategy Group
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


/* Custom Styles Below */

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, form input, form textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* Define Custom Variables Here */
/* Default Variables */
/* main font family */
/* rgba color with opacity */
/* main width of wrapper */
/* height of footer */
/* sets text color for input fields */
/* Default Styles */
html { height: 100%; }

body { height: 100%; font-family: proxima-nova, sans-serif; }

.bodyWrap { min-height: 100%; position: relative; display:flex; flex-direction:column;}

::-moz-selection { background: rgba(224, 30, 38, 0.6); }

::selection { background: rgba(224, 30, 38, 0.6); }

.wrap { width: 960px; margin: auto; }

.clear { clear: both; }

.fullWidth, header#header, #main-image, section, footer { width: 100%; min-width: 1042px; }

/* Convert px to rem */
/* Float */
.left { float: left; }

.right { float: right; }

/* Text Align */
.textLeft { text-align: left; }

.textCenter { text-align: center; }

.textRight { text-align: right; }

.textJust { text-align: justify; }

/* Position */
.fixed { position: fixed; }

.relative { position: relative; }

.absolute { position: absolute; }

/* Display */
.hide, .mobile { display: none; }

.block, .desktop { display: block; }

.inline { display: inline; }

.inlineBlock { display: inline-block; }

/* Font Weight */
.bold, strong { font-weight: bold; }

.regular { font-weight: normal; }

.italic, em { font-style: italic; }

/* Responsive Element -- Good for making perfect squares or circles */
.element { position: relative; }

.element:after { content: ''; display: block; padding-top: 100%; }

/* Responsive Iframe, Object, Embed */
.videoContainer { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.videoContainer iframe, .videoContainer object, .videoContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Full Width Image (requires width and height) */
.fullImg { position: relative; overflow: hidden; }
.fullImg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); margin: auto; min-width: 100%; min-height: 100%; }

/* Typography */
a { text-decoration: none; color: #343434; }
a:hover { color: #e01e26; }

.content { color: #343434; }
.content h1 { font-size: 40px; font-size: 2.5rem; line-height: 45px; line-height: 2.8125rem; }
.content h2 { font-size: 50px; font-size: 3.125rem; line-height: 58px; line-height: 3.625rem; font-family: antarctican-headline, sans-serif; text-transform: uppercase; }
.content h3 { font-size: 30px; line-height: 45px;  font-family: antarctican-headline, sans-serif; margin-bottom: 5px; font-weight: 400; text-transform:uppercase; margin-bottom:20px; letter-spacing:1px; }
.content h4 { font-size: 23px; font-size: 1.4375rem; line-height: 25px; line-height: 1.5625rem; font-family: proxima-nova, sans-serif; margin-bottom: 5px; }
.content p { font-size: 18px; font-size: 1.125rem; line-height: 25px; line-height: 1.5625rem; font-family: proxima-nova, sans-serif; margin-bottom: 25px; }
.content ul { list-style: disc; }
.content ul li { font-size: 18px; font-size: 1.125rem; line-height: 25px; line-height: 1.5625rem; font-family: proxima-nova, sans-serif; font-weight: 600; }
.content ol li { font-size: 18px; font-size: 1.125rem; line-height: 25px; line-height: 1.5625rem; font-family: proxima-nova, sans-serif; }

.content ul.no-style {list-style:none; padding:0; margin-left:0; text-align:center;}
.content ul.no-style li {font-weight:400; padding-bottom:10px; cursor:pointer;}
.content ul.no-style li:hover {color: #e01e26;}
.close {position:absolute; top:15px; right:15px;}

/* Input Styles */
form, form input, form textarea { -webkit-box-sizing: border-box; box-sizing: border-box; }
form input::-webkit-input-placeholder { color: #000; }
form input:-moz-placeholder { color: #000; opacity: 1; }
form input::-moz-placeholder { color: #000; opacity: 1; }
form input:-ms-input-placeholder { color: #000; }
form input:placeholder-shown { color: #000; }

.flex, header#header, header#header .wrap, header#header nav, header#header nav ul, #main-image .wrap, section header, section header .wrap, section .employee ul.social, footer .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-noWrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

header#header { height: 165px; background: #fff; position: sticky; top: 0; z-index:99; box-shadow:0px 3px 6px rgba(0,0,0,.1);}
header#header .wrap { height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
header#header nav { margin-left: auto; }
header#header nav ul li { font-family: antarctican-headline, sans-serif; text-transform: uppercase; margin-left: 50px; font-size: 28px; font-size: 1.75rem; font-weight:500; }
header#header nav ul li a { color: #343434; }
header#header nav ul li:hover a { color: #e01e26; }
header#header nav ul.social li:last-child {margin-left:20px;}
header#header .logo {width:130px;}
header#header .logo img {width:100%;}

#main-image { height: 500px; background-image: url("../images/bsg-main-image.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; }
#main-image .wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; flex-direction:column; }
#main-image .wrap h1 { font-size: 100px; text-transform: uppercase; letter-spacing:5px; color: #fff; text-shadow: 2px 3px 4px #343434; font-family: antarctican-headline, sans-serif; margin-bottom:10px; }
#main-image .wrap h2 {font-size: 40px; text-transform: uppercase; letter-spacing:5px; color: #fff; text-shadow: 2px 3px 4px #343434; font-family: antarctican-headline, sans-serif;}

.split-2 { display: grid; grid-template-columns: repeat(2, [row] 1fr); }
.split-4 { display:flex; flex-wrap:wrap; justify-content:center; }

ul.split-2 { margin-left: 150px; }

section { background: #F5F5F5; }
section header { text-align: center; height: 115px; background: #fff; }
section header .wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.text-content { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 50px 0; }
section .employee { margin-bottom: 50px; }
section .employee .image { width: 255px; height: 255px; margin-right: 20px; margin-bottom: 20px; }
section .employee .image img { width: 100%; }
section .employee ul.social { list-style: none; margin-bottom: 30px; }
section .employee ul.social li { margin-right: 20px; font-size: 24px; }
section .employee ul.social li a { color: #343434; }
section .employee ul.social li:hover a { color: #e01e26; }
section .form form p, form section .form input p, form section .form textarea p { margin-bottom: 20px; }
section .form form input, form section .form input input, form section .form textarea input, section .form form textarea, form section .form input textarea, form section .form textarea textarea { width: 100%; height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #343434; margin-top: 5px; padding:0 10px; }
section .form form textarea, form section .form input textarea, form section .form textarea textarea { height: 214px; }
section .form form input[type="submit"], form section .form input input[type="submit"], form section .form textarea input[type="submit"] { cursor: pointer; width: auto; padding: 0 7px; background: #343434; border: 0; color: #fff; text-transform: uppercase; font-size: 20px; font-size: 1.25rem; line-height: 25px; line-height: 1.5625rem; }
section .form form input[type="submit"]:hover, form section .form input input[type="submit"]:hover, form section .form textarea input[type="submit"]:hover { background: #e01e26; }
section .email p { margin-left: 100px; }
section .email p a {display:flex; align-items:center;}
section .email p a .far {margin-right:10px;}

section.white {background:#fff;}

article header {width:100%; height:250px; background:#F5F5F5; display:flex; align-items:center;}
article header h1 {text-transform:uppercase; font-size:90px; font-family: antarctican-headline, sans-serif; font-weight:400; letter-spacing:5px;}


.small-wrap {width:100%; max-width:850px; margin:auto;}

.overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:99;}
.overlay-content {display:none; box-sizing:border-box; width:100%; max-width:850px; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; padding:35px; z-index:99;}
.overlay.show, .overlay-content.show {display:block !important;}
.overlay-content p:last-child {margin-bottom:0;}

footer { height: 45px; background: #fff; margin-top:auto;}
footer .wrap { height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
footer .wrap span.copyright { font-size: 12px; font-size: 0.75rem; }
footer.gray {background:#F5F5F5;}

.overlay-content h3 {font-weight:500;}


#team .team-member .image {width:220px; height:220px; overflow:hidden; background:#343434; display:flex; align-items:center; justify-content:center; position:relative; cursor:pointer;}
#team .team-member:nth-child(1), #team .team-member:nth-child(4n + 1) {margin-left:0px;}
#team .team-member:nth-child(4), #team .team-member:nth-child(4n), #team .team-member:last-child {margin-right:0;}
#team .team-member {margin-right:26px; margin-bottom:26px;}
#team .team-member .image img {position:absolute;}
#team .team-member .text {position:absolute; z-index:9; font-family:antarctican-headline, sans-serif; color:#fff;}
#team .team-member .text h3 {font-size:25px; line-height:28px; text-transform:uppercase; font-weight:600;}
#team .team-member .text h4 {font-size:25px; line-height:28px; text-transform:uppercase; font-weight:300;}
#team .team-member .image:hover {background:#E01E26;}
#team .social {margin-bottom:30px; display:flex; align-items:center;}
#team .social a {margin-right:15px;}
#team .social a .fas, #team .social a .fab, #team .social a .far, #team .social a .fal {font-size:24px;}
#team .overlay-content.content h3 {margin-bottom:5px;}
#team h3 {font-weight:600;}

.employee {clear:both; color:#343434;}
.employee .image {float:left; }
.employee h3 {font-family:antarctican-headline, sans-serif; font-weight:600; font-size:30px; line-height:30px; margin-bottom:20px; text-transform:uppercase;}
span.title {font-weight:400;}
span.lines {margin-left:10px; margin-right:10px;}
.employee p {font-weight:400; font-size:16px; line-height:25px; margin-bottom:25px;}

#newsroom .newsroom-post {padding:0 55px; position:relative; margin-bottom:50px;}
#newsroom .newsroom-post:after {content:''; width:20px; height:20px; background:#E01E26; position:absolute; top:5px; left:20px;}
#newsroom h2 {font-size:30px; line-height:30px; font-weight:500; margin-bottom:10px;}
#newsroom span.date {font-size:16px; line-height:25px; text-transform:uppercase; display:inline-block; margin-bottom:10px;}

.tags {padding-top:30px;}

.linebreak br { content: ' '; }
.linebreak br:after { content: ' '; }

.wrap.single {padding:50px 55px 50px 0; box-sizing:border-box; display:flex;}

.load-more {box-sizing:border-box; padding: 0 55px;}
.load-more a {background:#343434; box-sizing:border-box; padding:5px 10px; color:#fff; text-transform:uppercase; font-size:20px;}

aside {min-width:55px;}
aside .social-icons {position:sticky; top:180px; font-size:24px; padding-top:5px;}
aside .social-icons .social-icon {margin-bottom:20px;}
/* Mobile Styles */
@media screen and (max-width: 1042px) { /* Turns "Stacked" Text Into One Line */
  .fullWidth, header#header, #main-image, section, footer { min-width: 100%; }
  .wrap { width: calc(100% - 40px); } 
}
@media screen and (max-width: 998px) {
  .split-4 {justify-content:space-around;}
  #team .team-member:nth-child(1), #team .team-member:nth-child(4n + 1), #team .team-member {margin:0; margin-bottom:25px;}
}
@media screen and (max-width: 960px) { .desktop { display: none; }
  .mobile { display: block; }
  /* Use the variables below to create a unique hamburger */
  .cover { display: block; z-index: 999; width: 40px; height: 40px; cursor: pointer; margin-left: auto; }
  .cover:hover .line, .cover:hover .line:before, .cover:hover .line:after { background: #000; -webkit-transition: 0.2s ease; transition: 0.2s ease; }
  .cover.open .line, .cover.open .line:before, .cover.open .line:after { background: #000; }
  .line { border-radius: 10px; width: 40px; height: 5px; background: #000; top: 12px; position: relative; -webkit-transition: 0.2s ease; transition: 0.2s ease; }
  .line:before { border-radius: 10px; width: 40px; height: 5px; background-color: #000; top: -12px; content: ''; left: 0; position: absolute; }
  .line:after { border-radius: 10px; width: 40px; height: 5px; background-color: #000; top: 12px; content: ''; left: 0; position: absolute; }
  .line.animate { -webkit-animation: mymove3 0.2s forwards; animation: mymove3 0.2s forwards; }
  .line.animate:before { -webkit-animation: mymove 0.5s forwards; animation: mymove 0.5s forwards; }
  .line.animate:after { -webkit-animation: mymove2 0.5s forwards; animation: mymove2 0.5s forwards; }
  .line.reverse { -webkit-animation: mymove6 0.2s forwards; animation: mymove6 0.2s forwards; }
  .line.reverse:before { -webkit-animation: mymove4 0.5s forwards; animation: mymove4 0.5s forwards; }
  .line.reverse:after { -webkit-animation: mymove5 0.5s forwards; animation: mymove5 0.5s forwards; }
  @keyframes mymove { 0% { top: -12px; }
    50% { top: 0; }
    51% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    100% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top: 0; } }
  @keyframes mymove2 { 0% { top: 12px; }
    50% { top: 0; }
    51% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    100% { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); top: 0; } }
  @keyframes mymove3 { 99% { width: 40px; }
    100% { width: 0px; } }
  @keyframes mymove4 { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top: 0; }
    50% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    51% { top: 0; }
    100% { top: -12px; } }
  @keyframes mymove5 { 0% { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); top: 0; }
    50% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    51% { top: 0; }
    100% { top: 12px; } }
  @keyframes mymove6 { 0% { width: 0px; }
    99% { width: 0px; }
    100% { width: 40px; } }
  @-webkit-keyframes mymove { 0% { top: -12px; }
    50% { top: 0; }
    51% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    100% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top: 0; } }
  @-webkit-keyframes mymove2 { 0% { top: 12px; }
    50% { top: 0; }
    51% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    100% { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); top: 0; } }
  @-webkit-keyframes mymove3 { 99% { width: 40px; }
    100% { width: 0px; } }
  @-webkit-keyframes mymove4 { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top: 0; }
    50% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    51% { top: 0; }
    100% { top: -12px; } }
  @-webkit-keyframes mymove5 { 0% { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); top: 0; }
    50% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    51% { top: 0; }
    100% { top: 12px; } }
  @-webkit-keyframes mymove6 { 0% { width: 0px; }
    99% { width: 0px; }
    100% { width: 40px; } }
  .split-2 { grid-template-columns: repeat(1, [row] 1fr); }
  ul.split-2 { margin-left: 0; padding-left: 25px; }
  header#header { height: 120px; }
  header#header .logo { width: 120px; }
  header#header .logo img { width: 100%; }
  header#header nav { position: fixed; top: 120px; background: #343434; width: 100%; left: 0; display: none; height:100%; max-height:calc(100% - 120px); overflow:scroll; }
  header#header nav ul { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 50px; margin-bottom: 50px; }
  header#header nav ul li { width: 100%; margin-left: 0; text-align: center; line-height: 90px; line-height: 5.625rem; font-size: 60px; font-size: 3.75rem; }
  header#header nav ul li a { color: #fff; }
  #main-image { height: 305px; }
  #main-image .wrap { text-align: center; }
  #main-image .wrap h1 { font-size: 60px; font-size: 3.75rem; }
  #main-image .wrap h2 {font-size: 30px;}
  section .employee .image { width: 150px; height: 150px; }
  section .email p { margin-left: 0; margin-top: 50px; } 
  header#header nav ul.social li:last-child {margin-left:0;}
  
  article header {height:150px;}
  article header h1 {font-size:50px;}

  section .email p a {word-break: break-word;}

  .overlay-content.show { max-width:90%; max-height:90%; overflow:scroll; }
  #team .overlay-content.content h3 {line-height:30px; margin-bottom:20px;}
  #team .overlay-content.content h3 span {display:block;}
  .wrap.single, #newsroom .newsroom-post {padding-right:0;}
}

@media screen and (max-width:760px) {
  .employee .image {float:none;}
  #team .overlay-content.content h3 span.lines {display:none;}
  * {word-break: break-word;}
}

/*# sourceMappingURL=style.css.map */