/*
Theme Name: Digital Signage Theme
Author: Agentur perianmedia
Description: Custom WordPress Themes . Fully customizable
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: christain
Tags:

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.

demo is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Asides
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,300);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
body {
    margin: 40px;
}


/*Mixins*/

.backgound-transition {
    -webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}


/*Global Styles*/

.box {
    /*display: none;*/
}

.box h1 {
    font-family: 'Oswald', serif;
    font-weight: 700;
}

.box p {
    font-family: 'Oswald', serif;
    font-weight: 400;
}

.close {
    background-color: #000;
}

.mobile-nav-toggle {
    display: inline-block;
    background: transparent;
    width: 33px;
    height: 54px;
    position: absolute;
    top: 38%;
    margin: 0 48px;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    z-index: 999;
    left: 0;
}

.mobile-nav-toggle:hover {
    cursor: pointer;
    opacity: 0.8;
}

.mobile-nav-toggle:hover .toggle-line.top {
    width: 15px;
}

.mobile-nav-toggle:hover .toggle-line.second {
    width: 28px;
}

.mobile-nav-toggle * > {
    display: block;
    width: 34px;
    height: 3px;
    background: #252020;
    margin-left: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: absolute;
    -webkit-backface-visibility: hidden;
}

.mobile-nav-toggle.open:hover .toggle-line, .mobile-nav-toggle.open.open .toggle-line {
    -webkit-transform: rotate(-220deg) translate(0px, 20px);
    transform: rotate(-220deg) translate(0px, 20px);
    width: 18px;
    left: 12px;
}


/*.mobile-nav-toggle.box.open .toggle-line:first-child {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transform-origin: 10px 50%;
  -ms-transform-origin: 10px 50%;
  -webkit-transform-origin: 10px 50%;
  transform-origin: 10px 50%;
}
.mobile-nav-toggle .open .toggle-line:nth-child(2) {
  opacity: 0;
}
.mobile-nav-toggle .open .toggle-line:nth-child(3) {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transform-origin: 8px 50%;
  -ms-transform-origin: 8px 50%;
  -webkit-transform-origin: 8px 50%;
  transform-origin: 8px 50%;
}
*/


.toggle-line {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    display: block;
    width: 40px;
    height: 3px;
    margin: 0 0 5px;
    background: #fff;
}

.box {
    position: absolute;
    bottom: -93px;
    width: 100%;
    height: 93px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}

.box.open {
    bottom: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background-color: rgba(224, 224, 224, 0.69);
}

.box.open .nav ul {
    background: none
}

.mobile-nav-toggle .toggle-line {
    background-color: #676363;
    height: 3px;
    margin-bottom: 4px;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.box .nav ul li {
    display: inline-block;
    padding: 41px 14px;
    text-decoration: none;
    font-family: 'Ubuntu', sans-serif;
    font-size: 18px;
    float: left;
    position: relative;
    left: 4%;
}

.box .nav ul li a {
    text-decoration: none;
    color: #525151;
    font-weight: 700;
    font-size: 18px !important;
}

.header .logo {
    padding: 15px 0;
    font-size: 22px;
    width: 383px;
    z-index: 99999;
    position: fixed;
    text-align: center;
    bottom: 56px;
    right: -7px;
    height: 81px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.logo {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.box .nav {
    position: absolute;
    width: 100%;
    bottom: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.header {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    z-index: 1000;
    height: 93px;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
    text-align: center;
}

.header h1 {
    font-size: 30px;
    font-weight: normal;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.logo.logo_head_section {
    position: fixed;
    bottom: 10px;
    top: auto;
    right: 0;
    margin: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.logo_head_section {
    position: fixed;
    top: 83%;
    height: 55px;
    -webkit-transition: all 0.10s;
    -moz-transition: all 0.10s;
    transition: all 0.10s;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
}


/* Content css */

.content {
    margin: 0 auto;
    padding: 15px;
}

img.header_logo {
    height: auto;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    width: 74%;
}

.logo_head_section img.header_logo {
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    height: auto;
    width: 74%;
}


/* Dropdown */

.box .nav ul li ul {
    position: absolute;
    z-index: 1;
    overflow: hidden;
    -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 53% 90%;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
    width: 18%;
    bottom: 92px;
    height: auto;
}

.box .nav ul li ul li {
    background: #F5F5F5;
    display: block;
    color: #fff;
    padding: 8px;
    width: 100%;
    border-radius: 5px;
}

.box .nav ul li ul li:hover {
    background: #D6D6D6;
}

.box .nav ul li:hover ul {
    max-height: 1000px;
    -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
}


/* WordPress Editor important css for align images css */

img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* Comment Form Css */

.comment-form-comment textarea#comment {
    width: 100%;
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-submit input#submit {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
}

p.form-submit {
    position: relative;
    z-index: 9999;
}

a.post-edit-link {
    text-decoration: none;
}

.entry-meta {
    float: right;
    background-color: #F1F1F1;
    padding: 16px;
}

.entry-content {
    padding: 15px;
    clear: both;
}

h1.entry-title {
    padding: 0 13px;
    float: left;
    height: 100%;
    display: block;
}

.logged-in-as a {
    text-decoration: none;
}

a {
    text-decoration: none;
}


/* For Blog Page */

.content .more-link {
    text-decoration: none;
}

.entry-title a {
    text-decoration: none;
}

span.posted-on a {
    text-decoration: none;
}

span.author.vcard a {
    text-decoration: none;
}


/* padding maintain */

footer.entry-footer {
    padding: 15px;
}

nav.navigation.post-navigation {
    padding: 15px;
}

.row.redpad_col_pad {
    padding: 15px;
}


/*30 August 2016 Css Start
======================================*/

body { margin: 20px 20px 0; }
.content { padding: 0; }
.calender_listing .cal_heading { font-size: 22px; }
.calender_listing ul.main { margin-bottom: 10px; }
.calender_listing ul.main li { padding: 10px 0 10px 0; }
.cal_leftpart p { font-size: 16px; line-height: 16px; margin: 0; }
.cal_leftpart span { font-size: 32px; }
.cal_rightpart h1, .cal_rightpart h2, 
.cal_rightpart h3, .cal_rightpart h4, 
.cal_rightpart h5 { font-size: 24px; }
.cal_rightpart ul.sub-ul li p { font-size: 18px; line-height: normal; }
.cal_rightpart ul.sub-ul li { padding: 0 10px; }

.cal_leftpart { width: 5%; padding-right: 40px; }
.mobile-nav-toggle { display: block !important; }


@media only screen and (max-width: 480px) {
    .menu-mobile-toggle { display: none !important; }
}



/*30 August 2016 Css End
======================================*/