/*
Theme Name:		Ages of Exploration Catalog Template
Author URI:		http://www.marinersmuseum.org
Description:		Child Theme for Ages of Exploration Catalog
Author: 		Adam Carrier (about.me/adamcarrier)
Template:		marinersmuseum
Version: 		1.0
*/

@import url("../marinersmuseum/style.css");

/* Mobile Tweaks */
body{overflow:hidden}
.card_info,.card_media,#card_map{width:420px}
#control .card.card-preview{height:28rem;width:220px}
.page-template-default .sidebar,.error404 .sidebar{width:18.6875rem}
.wrap{width:960px}

/* gradients */
[role=banner],footer.footer{
background:#513413;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxMzQxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YjRiMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(left,#513413 0%,#6b4b19 100%);
background:-webkit-gradient(linear,left top,right top,color-stop(0%,#513413),color-stop(100%,#6b4b19));
background:-webkit-linear-gradient(left,#513413 0%,#6b4b19 100%);
background:-o-linear-gradient(left,#513413 0%,#6b4b19 100%);
background:-ms-linear-gradient(left,#513413 0%,#6b4b19 100%);
background:linear-gradient(to right,#513413 0%,#6b4b19 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#513413',endColorstr='#6b4b19',GradientType=1 );
}

.explore_fields,#resources{
background:#f9efcf;/*Old browsers*/
/*IE9 SVG, needs conditional override of 'filter' to 'none'*/
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZWZjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmFhODQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top,#f9efcf 0%,#cbaa84 100%);/*FF3.6+*/
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9efcf),color-stop(100%,#cbaa84));/*Chrome,Safari4+*/
background:-webkit-linear-gradient(top,#f9efcf 0%,#cbaa84 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#f9efcf 0%,#cbaa84 100%);/*Opera11.10+*/
background:-ms-linear-gradient(top,#f9efcf 0%,#cbaa84 100%);/*IE10+*/
background:linear-gradient(to bottom,#f9efcf 0%,#cbaa84 100%);/*W3C*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9efcf',endColorstr='#cbaa84',GradientType=0 );/*IE6-8*/
}

.explore_types{
background:#c3b5a4;/*Old browsers*/
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzYjVhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iI2ExOGE2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMThhNmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top,#c3b5a4 0%,#a18a6e 21%,#a18a6e 100%);/*FF3.6+*/
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3b5a4), color-stop(21%,#a18a6e), color-stop(100%,#a18a6e));/* Chrome,Safari4+*/
background:-webkit-linear-gradient(top,#c3b5a4 0%,#a18a6e 21%,#a18a6e 100%);/*Chrome10+,Safari5.1+*/
background:-o-linear-gradient(top,#c3b5a4 0%,#a18a6e 21%,#a18a6e 100%);/*Opera11.10+*/
background:-ms-linear-gradient(top,#c3b5a4 0%,#a18a6e 21%,#a18a6e 100%);/*IE10+*/
background:linear-gradient(to bottom,#c3b5a4 0%,#a18a6e 21%,#a18a6e 100%);/*W3C*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3b5a4',endColorstr='#a18a6e',GradientType=0 );/* IE6-8 */
}

/* Genericons */
.genericons{font-family:'Genericons',sans-serif;vertical-align:middle;}

/* fonts and colors */
a.button:link,a.button:visited,a.button:focus,a.button:hover,a.button:active,.explore_tabs li.active_tab{color:#fff}
a:link,a:visited,a:focus,a:hover,a:active{color:inherit}
article header.headline h1{border-bottom:1px solid #575757}
.below:before{border-bottom:50px solid #513413}
.home .featured_watercraft .section_headline,section.featured_watercraft.main_section,.explore_results,.results_headline{background:#2d3549}
.button{background:#341b00}
.button:hover{background:#513413}
.card-full{background:#f7f2e7}
.card_info h2{color:#670606;font-size:1.3rem;text-align:left}
.card_info h3{color:#670606;margin-bottom:1rem;text-transform:uppercase}
.content{font-family:"PT Sans",serif;font-size:.9em;font-weight:400}
#control .card.card-preview h2{color:#382006;font-family:"PT Sans",serif;font-weight:700;letter-spacing:3px}
#control .card.card-preview .headline h1{background-color:#f7f1d2;color:#000;font-family:Alegreya,serif}
div.card_post-thumbnail a.above:before, div.card_secondary_image a.above:before{border-top: 50px solid #513413;}
.explore_results,.featured_watercraft{border-top:1rem #0a0f1d solid}
.home .featured_watercraft .section_headline h1{background:none;color:#fff;font-family:Alegreya,serif;font-size:1.8rem;text-transform:none}
input[type=submit],input[type=button]{background:#2d3549;border:solid 1px #0a0f1d;box-shadow:inset 0 0 5px #2d3549}
[role=main]{border-bottom:.6rem #0a0f1d solid}
.main_nav a{color:#fff9cb}
.main_nav .genericon-search{background:#a89269;color:#f2ecc4}
#resources h1{font-size:1.6rem;font-family:Alegreya,serif;margin-left:.5em;text-decoration:underline}
#resources ul li{font-size:14px;white-space:nowrap}
.search_form{z-index:15}
.subtitle,.content_block dt{color:#f7f1d2;font-size:1rem;font-family:Marcellus,Serif;font-style:italic;font-weight:800}

/* tables */
.card_content table{margin-left:auto;margin-right:auto}
.card_content th{background-color:#CAAA80;font-weight:bold;text-transform:uppercase}
.card_content th,.card_content td{padding:5px 10px;border:3px solid rgb(247, 242, 231)}
.card_content tr:nth-child(even){background-color: rgba(255,255,255,.3)}

/* positioning and backgrounds */
a.logo{position:relative;top:14px}
.block_flag,.right_block_flag{color:#f7f1d2;font-family:Marcellus,serif;font-size:1.5rem;height:50px;left:-26px;margin:.625rem 0;padding-left:3.3rem;padding-top:.5em;position:relative;vertical-align:middle;width:320px}
.block_flag:after{-moz-box-shadow:rgba(000,000,000,0.4) 0 1px 0;-webkit-box-shadow:rgba(000,000,000,0.4) 0 1px 0;border-right-color:transparent!important;border-style:solid;border-width:25px;box-shadow:rgba(000,000,000,0.4) 0 1px 0;content:"";display:inline-block;position:relative;right:-11em;top:-36px;z-index:1}
.buffer{width:78%}
.card_info{width:430px}
.card-full,.home_welcome{margin:3.5rem 0}
.card_media p{font-weight:600;text-align:center;padding-bottom:1rem;}
.card_media img{border:1px solid #777770}
.card_preview_image img{border-bottom:1px;border-bottom-color:#575757;border-bottom-style:solid;border-top:1px;border-top-color:#575757;border-top-style:solid}
.card_purpose{margin-top:.625rem}
.content{display:inline-block;margin-top:.625rem;width:100%}
.content_block{color:#fff;margin-bottom:.625rem;padding:1.625rem}
.content_block dd{padding:.625rem 1.625rem 1.625rem 3.625rem}
.content_block dd,.content_block dl,.content_block dt{padding-bottom:.5rem}
.content_block dl,.content_block dt,.content_block p,.content_block form{padding:0 1.625rem}
body.single .content{display:inline}
body.single .content .symple-tabs{display:block;clear:both}
div.card_post-thumbnail{text-align:right}
#flag{float:left;left:0;overflow:visible;position:absolute;top:-15px;z-index:10}
.home_welcome{border:none}
.home_block{height:395px}
iframe{display:block;margin-left:auto;margin-right:auto}
#map-howto {width:430px}
#map-howto p{text-align:center}
#map-howto ul{margin-left:1.618%}
.frame_wrapper{height:auto;position:relative}
.frame_wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}
img,img[class*=align],img[class*=wp-image-]{height:auto;max-width:100%}
.left{float:left}
.logo span{font-size:2rem;font-weight:400;left:146px;position:relative;text-align:left}
.logo h1 {padding:inherit}
ol,ul{list-style-position:outside;margin-left:2em}
.main_nav a:hover{background:url(images/wave.png) no-repeat center 2.2rem}
.page-template-default .headline,.error404 .headline{margin-bottom:.2rem;text-align:center}
.page_type.post{width:100%}
.read-more{color:#132f54;padding:0 .5rem}
.right_block{left:22%;position:relative;text-align:right}
.right_block_flag{left:551px;padding-left:3rem;width:383px}
.right_block_flag:after{-moz-box-shadow:rgba(000,000,000,0.4) 0 1px 0;-webkit-box-shadow:rgba(000,000,000,0.4) 0 1px 0;border-left-color:transparent!important;border-style:solid;border-width:25px;box-shadow:rgba(000,000,000,0.4) 0 1px 0;content:"";display:inline-block;left:-3.045em;position:relative;right:-12em;top:-36px;z-index:1}
.right_block_flag h1{padding-right:3.3rem;text-align:right}
#resources{border-top:8px #777770 solid;padding:.5rem}
#resources a{color:#492d08}
#resources>div.wrap>div{display:table-cell;padding:0 .2rem;vertical-align:top}
.right{float:right}
[role=banner]{border:none;height:7rem;overflow:visible;padding-top:1em}
[role=contentinfo]{border:none;height:3rem;padding-top:.6rem}
[role=main]{min-height:530px;padding:0}
section.featured_watercraft>header.headline{margin:0}
section.home_welcome>div.wrap,.blue_tile{background:url(images/tile.png)repeat}
[role=main],.explore_container{background:url(images/background.jpg) repeat-y;background-size:100%}
.super{bottom:7px;font-size:small;position:relative}
ul.files{list-style-type:none;margin-left:.5em}
ul.files li{background-repeat:no-repeat}
ul.files a{padding-left:2em}
ul.files li.flash{background-image:url(images/flash.png)}
ul.files li.pdf{background-image:url(images/pdf.png)}
#voyagesmap{position:relative;right:-645px;top:72px;z-index:10}
.welcome{padding-right:1em;position:relative;top:10px}

/* time period colors */
#control .card.card-preview a{color:#f7f1d2}
#control .card .headline h1{background:inherit}
.age-of-discovery_color,.card-preview.age-of-discovery_type,article.card-full.age-of-discovery_type>header.headline>h1{background:#739263!important}
.ancient_color,.card-preview.ancient_type,article.card-full.ancient_type>header.headline>h1{background:#a84428!important}
.medieval_color,.card-preview.medieval_type,article.card-full.medieval_type>header.headline>h1{background:#da7327!important}
.modern_color,.card-preview.modern_type,article.card-full.modern_type>header.headline>h1{background:#6c4983!important}

/* flag pole */
#flagpole{padding-bottom:276px;position:absolute;top:-80px}
#flagpole ul{list-style:none;margin-left:0;position:relative;top:7em}
#flagpole ul li{height:80px}
#flagpole ul li a{-moz-box-shadow:rgba(000,000,000,0.4) -1px 1px 1px;-webkit-box-shadow:rgba(000,000,000,0.4) -1px 1px 1px;box-shadow:rgba(000,000,000,0.4) -1px 1px 1px;color:#fcf9d0;display:table-cell;font-family:Alegreya,serif;font-size:1.6rem;height:50px;padding-left:1.8rem;vertical-align:middle;width:307px}
#flagpole ul li:after{-moz-box-shadow:rgba(000,000,000,0.4) 0 1px 0;-webkit-box-shadow:rgba(000,000,000,0.4) 0 1px 0;border-right-color:transparent;border-style:solid;border-width:25px;box-shadow:rgba(000,000,000,0.4) 0 1px 0;content:"";display:inline-block;position:relative;right:-19.1em;top:-50px;z-index:1}
#flagpole li.survey a{background:#2f70ae!important;border-radius:35px;font:italic normal 16px/1.5rem "PT Sans",serif;text-align:center;padding:.5rem;height:65px;width:70%;margin-left:auto;margin-right:auto;display:block;}
.survey:after{display:none!important}
.age-of-discovery:after,.age-of-discovery_color:after{border-color:#739263}
.ancient:after,.ancient_color:after{border-color:#a84428}
.medieval:after,.medieval_color:after{border-color:#da7327}
.modern:after,.modern_color:after{border-color:#6c4983}
.age-of-discovery_color:after,.ancient_color:after,.medieval_color:after,.modern_color:after{border-right-color:transparent}

/* Symple elements */
a.ui-tabs-anchor{border-bottom:none !important}
li.ui-state-default a{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
.symple-tabs ul.ui-tabs-nav .ui-state-active a{background-color:#f9efcf}
.symple-tabs .tab-content{
background:#f9efcf;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top,#f9efcf 0%,#cbaa84 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9efcf),color-stop(100%,#cbaa84));
background:-webkit-linear-gradient(top,#f9efcf 0%,#cbaa84 100%);
background:-o-linear-gradient(top,#f9efcf 0%,#cbaa84 100%);
background:-ms-linear-gradient(top,#f9efcf 0%,#cbaa84 100%);
background:linear-gradient(to bottom,#f9efcf 0%,#cbaa84 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9efcf',endColorstr='#cbaa84',GradientType=0 );
border-left:solid 1px #aaa;
border-right:solid 1px #aaa;
border-bottom:solid 1px #aaa;
}
.symple-tabs ul.ui-tabs-nav li a:active,.symple-tabs ul.ui-tabs-nav li a:hover{background:#f9efcf}
.symple-tabs ul.ui-tabs-nav li a{background:#cbaa84;border:solid 1px #aaa}
.symple-toggle .symple-toggle-trigger,.symple-toggle .symple-toggle-container{background-color:#fff}
.symple-tabs ul.ui-tabs-nav .ui-state-active a:hover{background-color:#f9efcf}

/* shortcodes */
.columbus{position:absolute;right:50px;top:120px}
.magellancook{border-left:1px solid #2d3549;position:absolute;top:735px}

/* IE10 bug fix: Using Rem unit in font declarations does not work */
.block_flag{font-family:Marcellus, serif;font-size:1.5rem;font-style:normal;font-variant:normal;font-weight:400;line-height:1;
-webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;}
.right_block_flag{font-family:Marcellus, serif;font-size:1.5rem;font-style:normal;font-variant:normal;font-weight:400;line-height:1;
-webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;}
.logo span{font-family:'Alegreya SC', serif;font-style:normal;font-variant:normal;line-height:1;text-transform:none}

/* Tables */
td h3{color:#f7f1d2;font-family:Marcellus,Serif;font-size:1rem;font-style:italic;padding:1em 1.2em}
td ul{padding-left:1.5em}

/* Additional Custom CSS */
.bottom_filters .explore_arrows{line-height:1.1em;margin:0 0 0 1rem}
.bottom_filters label{margin-top:-.1rem}
div.content>p,div.content> ul li,div.content> ol li{font-size:14px}
div.content>h1{font-size:2em;margin:.67em 0}
div.content>h2{font-size:1.5em;margin:.83em 0}
div.content>h3{font-size:1.17em;margin:1em 0}
div.content>h4{font-size:1em;margin:1.33em 0}
div.content>h5{font-size:.83em;margin:1.67em 0}
div.content>h6{font-size:.67em;margin:2.33em 0}
div.content>dl,div.content>ol,div.content>ul{margin:1em 0}
div.content>dd{margin:0 0 0 40px}
div.content>ol,div.content>ul{padding:0 0 0 40px}
div.content>table{border-collapse:collapse;border-spacing:0}
div.content>img{-ms-interpolation-mode:bicubic;border:0}
.wp-caption,.wp-caption-text{margin-bottom:0!important;padding:5px}

/* IE8 Caution */
#ie8{position:fixed;text-align:center;width:100%;height:100%;z-index:1000;background-color:#a0a0a0;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);}
#ie8:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em;}
#ie8 #centered{position:fixed;top:50%;left:50%;margin-top:-150px;margin-left:-250px;}
#ie8 .browsers{position:relative;top:-66px;}
#ie8 .browsers>a>img{padding:0 12px;}

/* Lightbox Helpers */
#fancybox-tmp,#fancybox-loading,#fancybox-overlay,#fancybox-wrap,#fancybox-outer,#fancybox-content,#fancybox-title,#fancybox-title-over{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}

/* Zoom Overlay for Featured Image and Secondary Image */
.card_post-thumbnail,.card_secondary_image{overflow:hidden;position:relative}
.card_post-thumbnail a,.card_secondary_image a{float:right}
.card_post-thumbnail h2{clear:both}
.card_secondary_image{padding:0!important}
.card_media img.attachment-secondary_image{margin-top:0!important}
div.card_post-thumbnail a.above,div.card_secondary_image a.above{display:block;height:50px;position:absolute;right:0;text-shadow:none!important;top:0;width:50px;z-index:3}
div.card_post-thumbnail a.above:before,div.card_secondary_image a.above:before{border-left:50px solid transparent;border-right:50px solid transparent;border-top:50px solid #fff;content:"\f402";right:-50px;top:0;width:0}
div.card_post-thumbnail a.above:after,div.card_secondary_image a.above:after{-webkit-font-smoothing:antialiased;content:"\f402";font-family:Genericons,sans-serif;font-size:25px;height:28px;line-height:18px;right:0;text-align:center;top:8px;width:28px}
div.card_post-thumbnail a.above:before,div.card_post-thumbnail a.above:after,div.card_secondary_image a.above:before,div.card_secondary_image a.above:after{display:block;font-weight:300;position:absolute}

/* Read Overlay */
#control .card.card-preview{overflow:hidden;position:relative}
.below{bottom:0;cursor:pointer;display:block;height:50px;position:absolute;right:0;text-shadow:none!important;width:50px;z-index:3}
.below:before{border-bottom:50px solid #935435;border-left:50px solid transparent;border-right:50px solid transparent;bottom:0;content:"\f429";width:0}
.below:before,a.below:after{display:block;font-weight:300;position:absolute}
.read:after{color:#fff;content:"\f429";font-size:25px}
.below:after{-webkit-font-smoothing:antialiased;bottom:8px;font-family:Genericons,sans-serif;height:18px;line-height:18px;right:8px;text-align:center;width:18px}
span.introduction {
    display: inline-block;
}

.single-mmc_subject .card_info{
    width:  48% !important;
    margin-right:  2%;
}
.single-mmc_subject .card_media{
    width:  50% !important;
}

#games-container {
    margin: 0 auto;
    text-align: center;
    width: 610px;
    padding: 5px 0;
    background: #13384A;
}
body.single-game {
    margin: 0;
    padding: 20px;
    text-align: center;
    background: #184155;
}

#resources > .wrap {
  margin-bottom: 20px;
}

.resources-navbar {
    margin-bottom: 30px;
}

.resources-navbar__items {
    margin: 0px;
    list-style: none;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.resources-navbar__link {
    border: 1px solid #da7327;
    padding: 5px 10px;
    border-radius: 5px;
    width: 150px;
}

.videos-listing {
    padding-top: 20px;
}

.videos-listing__inner {
    max-width: 600px;
    margin: 0 auto;
}

.videos-items {
    margin: 0px;
    display: flex;
    gap: 10px;
}

.videos-items li {
    border: 5px solid #f7f0d2;
    list-style: none;
}

.inline-dark-popup {
    background: #000;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    margin: 20px auto;
    max-width: 740px;
    padding: 20px;
    position: relative;
    text-align: left;
    width: 80%;
}

.inline-dark-popup video {
    height: auto;
    max-height: 50vh;
    object-fit: contain;
    width: 100%;
}