/*
Theme Name: MTP Railwaymen's Union
Theme URI: https://wordpress.org/themes/twentythirteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: twentythirteen

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 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */


@import url(css/navigation.css);
@import url(css/font-awesome/css/font-awesome.min.css);

/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);


html { margin: 0; padding: 0; height:100%; min-height:100%;}
body{ margin:0; padding:0; font:400 14px/20px; font-family: 'PT Sans', sans-serif; color:#3c3c3b; font-weight: 400; height:100%; min-height:100%; background:#fff;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, select, nav, img {padding:0; margin:0;}
img{border:0; margin:0; padding:0;}
ol, ul { list-style: none; }

a{color:#d21017; text-decoration:none;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
a:hover{text-decoration:none;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

.left {float:left;}
.right {float:right;}

.aln-cntr{text-align:center; margin:0 auto 20px; display:block;}
.clear {clear:both;font-size:0;line-height:0;}
.bordr-none{border:none!important;}

ul.bull{list-style-type:none; float:left; margin:0 0 15px 0; clear:both; line-height:22px;}
ul.bull li{float:left; clear:both; background:url('images/bull.png') no-repeat 0px 4px; padding-left:25px; margin-bottom:13px; text-align:justify;}

ol{list-style-type:none; float:left; margin:0 0 15px 0;}
ol li{float:left; clear:both; background:url('images/bull.png') no-repeat 3px 6px; padding-left:18px; margin-bottom:4px; text-align:justify;}

.txt2{font-size:16px; line-height:24px!important; margin-bottom:40px; padding-top:25px; display:block; overflow:hidden;}

.mrgn-top0{margin-top:0!important;}
.mrgn-bot0{margin-bottom:0!important;}

.red{color:red;}


ul.bull2{list-style-type:none; clear:both; display:block; overflow:hidden; margin-bottom:25px; font-size:12px;}
ul.bull2 li{float:left; clear:both; background:transparent url('images/bull2.png') no-repeat 0px 5px; padding-left:15px; margin-bottom:2px; text-align:justify;}
ul.bull2 li a{color:#555555;}

h1, h2, h3, h4, h5, h6{font-family:'open sans'; font-weight:500; line-height:100%}

hr{height:10px; display:block; overflow:hidden; width:100%; background:transparent; border:none; margin:0 0 50px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
}


h3{margin-bottom:20px; font-weight:600;}



/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
.wraper{ width:90%; margin:0 auto; position:relative;}

.logo{float:left; margin:40px 0;}
.header-right-icons{float:right; margin:30px 15px 0 0;}
.header-right-icons > a{background:transparent url('images/mail-icon.png') no-repeat left center; padding:0 15px 0 25px; margin-right:15px; font-size:20px; line-height:46px; border-right:1px #dfdfdf solid; float:left;}
.header-right-icons ul{float:left;}
.header-right-icons ul li{float:left;}
.header-right-icons ul li a{background:transparent url('images/social-icons.png') no-repeat 0 0; display:block; overflow:hidden; text-indent:-9999px; height:41px; width:41px; margin-left:5px; opacity:0.8;}
.header-right-icons ul li:nth-child(2) a{background-position:-41px 0;}
.header-right-icons ul li:nth-child(3) a{background-position:-82px 0;}
.header-right-icons ul li a:hover{opacity:1;}



.navigation-area{display:block; width:100%; background:transparent url('images/nav-bg.png') repeat-x 0 0; clear:both; position:relative; z-index:101; min-height:40px;}



/* ----------------------- Banner Area Start ----------------------- */


.banner-area{display:block; clear:both; position:relative; margin:0 auto;  overflow:hidden; position:relative; border-bottom:#d21017 solid 5px;}
.banner-area img{float: left; width: 100%;}

/* ----------------------- Banner Area End ----------------------- */




.mid-area-bg{float:left; width:100%; background:transparent url('images/body-bg.png') repeat;}
.mid-area{width:90%; background:#fff; margin:0 auto; position:relative; top:-50px; margin-bottom:-50px; display:block; overflow:hidden; z-index:11;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 6px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}


.content-area-box{float:left; padding:30px 0 30px 2%; width:50%;}
.content-area-box h1{display:block; overflow:hidden; font-family:'roboto';  clear:both; margin-bottom:20px; color:#000; font-size:20px; line-height:35px;  border-bottom:4px #ddd double; background: #dddddd; /* Old browsers */
background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dddddd 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dddddd 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #dddddd 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

.content-area-box > div{float:left; overflow:hidden; width: 100%; border-bottom:4px #ddd double; margin-bottom:20px;}
.content-area-box h1 i{ color:#ff0000; margin-right:10px; margin-left:10px;}

.content-area-box h2{padding:0; font-size:15px; margin-bottom:20px; display:block; overflow:hidden; line-height:21px; font-weight:600; padding-left:10px; border-left:4px #ed1c24 solid; color:#9e0d13;}

.content-area-box h2 span{ font-size:12px; color:#093a89; line-height:20px; clear:both;}

.content-area-box p{display:block; font-family: 'PT Sans', sans-serif; overflow:hidden; clear:both; margin-bottom:20px; text-align:left; line-height:20px; color:#000;}


/*.content-area-box ul{ display:block;}

.content-area-box ul li{ float:left; font-size:13px; color:#000; line-height:20px; font-family: 'PT Sans', sans-serif; clear:both; font-weight:500!important; background:transparent url('images/left-arrow.png') no-repeat left 8px; padding:0 0 0 15px; margin-bottom:10px;}
*/


.left-area{float:left; background:transparent url('images/left-bg.jpg') repeat 0 0; width:20%; min-height:100%; height:100%; overflow:hidden;}
.left-area h3{background:transparent url('images/left-header-bg.jpg') repeat; color:#fff; display:block; overflow:hidden; padding:15px; font-weight:400; text-transform:uppercase; font-family:'roboto'; font-size:15px;}

.left-content{display:block; overflow:hidden; padding:0 10px 10px; clear:both; text-align:left;}
.left-content ul, .right-content ul{display:block;}
.left-content ul li, .right-content ul li{float:left; font-size:13px; position: relative; margin-bottom: 8px; padding-left: 20px; color:#000; line-height:1.4; font-family: 'PT Sans', sans-serif; clear:both; font-weight:500!important;}
.left-content ul li:before, .right-content ul li:before{font-size:12px; color:#c50002; position: absolute; content: '\f061'; font-family:'FontAwesome'; display: block; left: 0; top: 0;}

.left-content ul li a, .right-content ul li a{color:#000; text-decoration:none;}
.left-content ul li a:hover, .right-content ul li a:hover{color:#d21017; text-decoration:underline;}

.left-content img{margin-top:10px;}
.left-content p{clear:both; margin-bottom:15px; display:block; overflow:hidden; line-height:22px;}



.content-sp{ display:block; padding:10px 0;}
.content-sp h3{ display:block; padding-bottom:10px; margin-bottom:5px; color: #C00; font-size:15px; font-weight:600; text-transform:uppercase}
.content-sp ul li{ padding-bottom:10px;}


.right-area{ float:right; margin:0 0 0 2%; overflow:hidden; width:26%; background:transparent url('images/left-bg.jpg') repeat 0 0; min-height:100%; height:100%; overflow:hidden;}

.right-area h3{background:transparent url('images/left-header-bg.jpg') repeat; color:#fff; display:block; overflow:hidden; padding:15px; font-weight:400; text-transform:uppercase; font-family:'roboto'; font-size:15px;}


.right-content{display:block; overflow:hidden; padding:0 10px 10px; clear:both; text-align:left;}

.right-content img{margin-top:10px;}
.right-content p{clear:both; margin-bottom:15px; display:block; overflow:hidden; line-height:22px;}


.ind-archives-sp{ display:block; background:#3f4042; padding:8px; overflow:hidden; margin:5% 2%;}
.ind-archives-sp div{ display:block; background:#f1f1f1; padding:8px; overflow:hidden;}
.ind-archives-sp h4{ font-size:15px; text-align:left; color:#000; line-height:20px; font-weight:500;}

.add-sp{ display:block; margin:5% 2%;}


.subscribe-area form{display:block; overflow:hidden; clear:both; padding-top:10px; padding-bottom:10px;}
.subscribe-area form input[type="text"]{border:none; background:#fff; padding:6px 5%; width:65%;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;
border-radius: 15px 0 0 15px;
}
.subscribe-area form input[type="button"]{border:none; cursor:pointer; background:#fff; padding:6px 0; width:25%; top:-1px; position:relative; text-align:center; background:#cb2129; text-align:center; font-size:11px; text-transform:uppercase; font-weight:600; color:#fff;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;
border-radius: 0 15px 15px 0;
}





.news-sp{ float:left; margin:0 auto 10px; padding:5px 10px; font-weight:600; background:#f6f6f6; border:ff0000!important; color:#ff0000; font-family: 'PT Sans', sans-serif; overflow:hidden; width:96%;}




.footer-area{display:block; clear:both; overflow:hidden; border-top:#d21017 solid 5px; background:transparent url('images/footer-bg.jpg') repeat-x 0 0; position:relative; top:-45px; margin-bottom:-45px; padding:60px 0 15px;}

.footer-area > div > div{ width:33%; float:left; overflow:hidden }

.footer-links{display:block; overflow:hidden; clear:both; padding-bottom:15px; margin-bottom:15px; border-bottom:1px #626365 solid; position:relative;}
.footer-links div{width:22%; float:left; padding-left:1%;}
.footer-links div a{clear:both; line-height:22px; color:#bdbdbd; display:block; font-size:13px;}
.footer-links div a strong{text-transform:uppercase; line-height:32px;}
.footer-links div a:hover{text-decoration:underline;}

.pagetotop{position:absolute; bottom:0; right:0;}


.copy-right-area{font-size:13px; color:#bdbdbd; float:left; text-align:left}
.copy-right-area a{color:#bdbdbd; margin-left:10px;}
.copy-right-area a:before{content:"-"; padding-right:10px;}

.design-by-area{float: right; text-align: right;font-size:13px; color:#bdbdbd;}

.copy-mid-area{ text-align:center;  }


.history-links{ display: block; overflow: hidden; margin-bottom: 25px;}
.history-links li{ display: block; clear: both; overflow: hidden; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px #ddd dotted;}
.history-links li h2{display: block; overflow: hidden; clear: both; line-height:21px; font-weight:600; padding-left:10px; border-left:4px #ed1c24 solid; color:#9e0d13; margin-bottom: 5px;}
.history-links li p{margin-bottom: 10px;}
.history-links li a{ float: left; clear: both; font-size: 13px; padding: 3px 12px; background: #ed1c24; color: #fff; text-decoration: none; margin-bottom: 5px;}
.history-links li a:hover{background: #840a0e;}


.photo-gallery{ display:block; overflow:hidden; clear:both;}
.photo-gallery li{ float:left; margin:10px;}
.photo-gallery li > a{ display:block; overflow:hidden; text-align:center; padding:10px; background:#fff; width:180px; height:160px; box-sizing:border-box;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.photo-gallery li img{ display:inline-block; height:150px; max-width:100%;}







/*-------------------- TABLE ----------------*/
table{margin:10px 0 0; border-collapse:collapse; border-top:3px #ff575d solid; padding-bottom:3px; font-size:12px; line-height:20px; text-align:center;}

th {
color:#9f8337; 
text-transform:uppercase;
vertical-align: middle;
white-space: normal;
border-bottom:1pt #dd141b solid;
padding:6px;
text-align:left;
font-weight:normal;
}
td {
font-style: normal;
text-decoration: none;
vertical-align: top;
white-space: normal;
padding:4px;
border:1px solid windowtext;
border-color:#c5c5c5;
text-align:center;
}

td:first-child{text-align:left;}

tr:nth-child(odd){background:#e7e7e7;}

tr.head{background-color:#dd141b; color:#fff; font-weight:500;}
tr.head td{text-align:center; vertical-align:middle; border-color:#ff575d;}










@media all and (max-width: 900px) {
.wraper{display:block; width:98%;}


.right-area{margin:0 10% 0 1%; width:22%; }

.content-area-box{width:38.5%;}

.add-sp img{ width:100%}

.header-right-icons{margin:30px 10px 20px 0; width:25%;}

}

@media all and (max-width: 800px) {

.logo{float:none; display:block; overflow:hidden; text-align:center; border-bottom:1px #ddd solid; margin-bottom:20px; padding:0 0 15px}
.header-right-icons{float:none; width:450px; display:block; overflow:hidden; margin:0 auto 25px;}


.content-area-box, .mid-area{width:auto; display:block; overflow:hidden; top:0; margin-bottom:0; float:none;}
.left-area{float:none; width:auto; display:block; overflow:hidden; clear:both;}
.left-area > div{width:31%; float:left; margin:0 1%;}


.footer-area{top:0px; margin-bottom:0px; clear:both; padding-top:10px;}
.footer-links div{width:24%;}

.right-area{width:40%; margin:2%; float:right; }

.content-area-box{width:52%; float:left;}

.design-by-area{display:block; overflow:hidden; clear:both; float:none; text-align:center;}

}

@media all and (max-width: 640px){

.left-area > div{width:48%; float:left; margin:0 1%;}
.left-area > div:last-child{width:47%; margin-bottom:30px;}

.aln-cntr > img{width:100%;}

}


@media all and (max-width: 480px){
.left-area > div{width:98%; float:left; margin:0 1%;}
.left-area > div:last-child{width:98%; margin-bottom:30px;}

.footer-links div{width:46%; float:left; padding-left:4%;}
.footer-links div a strong{padding-top:5px; display:block;}

.copy-right-area{text-align:center;}


.right-area{width:auto; margin:0 2%; float:none; }

.content-area-box{width:auto; float:none; margin:0 2%;}

.logo img{ width:100%;}



.header-right-icons, .header-right-icons > a{width:auto; float:none; display:block; overflow:hidden; clear:both; text-align:center; margin:0; padding:0;}
.header-right-icons > a{line-height:24px; margin-bottom:15px; background:none; font-size:20px;}
.header-right-icons ul{clear:both; text-align:center; float:none; margin-bottom:20px;}
.header-right-icons ul li{float:none; display:inline-table;}




}



@media all and (max-width: 360px){

}



@media all and (max-width: 320px){
}


/* -------------- Chrome Only ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.footer-area{margin-bottom:0;}
}