/*======================================
Theme Name: DDA Pauri
Theme URI: https://divicake.com/
Description: DDA Pauri
Version: 1.0
Author: Rishi Jain
Author URI: https://divicake.com/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
    padding-top: 20px;
}
.category-header {
    margin-bottom: 30px;
}
body, p,  div {
	color:#000;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
}
.et_pb_slide_content h1 {
    font-size: 40px;
    line-height: 40px;
}
.et_pb_section.page-top-head {
    padding-top: 0px;
}
body.archive.category div#sidebar,
body.single-post div#sidebar {
    display: none !important;
}

body.single-post #main-content .container:before,
body.archive.category.et_right_sidebar #main-content .container:before {
        right: 0px ! IMPORTANT;
    }

body.single-post #left-area,
body.archive.category #left-area {
        width: 100%;
        padding-bottom: 23px;
    }

body.single.post.et_right_sidebar #main-content .container:before ,
body.archive.category.et_right_sidebar #main-content .container:before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 1px;
        background-color: #FFF;
    }

.et_pb_post {
  
    font-weight: normal !important;
}

p{
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6{
	color:#000;
	font-family: "Roboto", sans-serif;
}

.et_secondary_nav_enabled #page-container #top-header{
	border-bottom: 1px solid #ccc;
}

#et-top-navigation a {
	    color: #000000;
    transition: none;
    text-transform: uppercase;
}

.logo_container .header-left {
    float: left !important;
    width: 60% ! IMPORTANT;
	display: flex;
}
.logo_container .header-left img{
	max-width: 100px;
    padding: 10px;
}
.logo_container .header-right {
    float: right ! IMPORTANT;
    width: 35%;
	margin-top: 10px;
}
.logo_container .header-right img {
    max-width: 75px;
    float: right;
    margin-top: 5px;
    margin-left: 20px;
    object-fit: cover;
    min-height: 75px;
}

#et-top-navigation {
    float: left ! IMPORTANT;
    width: 100%;
    border-top: 1px solid #CCC;
    margin-top: 0px;
}

#top-menu li {
    display: inline-block;
    font-size: 14px;
    padding-right: 40px;
}


.et_header_style_left #et-top-navigation nav>ul>li>a {
    padding-bottom: 20px ! IMPORTANT;
}
.et_header_style_left #et-top-navigation {
    padding-top: 20px ! IMPORTANT;
}

.et_header_style_left .logo_container {
    position: relative;
    height: 100%;
    width: 100%;
}
#et-top-navigation {
    float: left ! IMPORTANT;
}
.et_pb_section.home-header {
    padding: 0px;
}

.et_pb_section.home-header h2{
	font-size: 50px;
    font-weight: 600;
}

.et_pb_section.home-header .et_pb_row {
    padding: 0px ! IMPORTANT;
    max-width: 100%;
    width: 100%;
}
.logo_container h1 {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-size: 1.75em;
    margin: 0;
    font-weight: 700;
    margin-top: 26px;
    margin-bottom: 5px;
}

.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: #000;
    border-bottom: 5px solid #162f6a;
}

.latest-news .et_pb_column{
	box-shadow: 0 4px 16px #0000000f;
	padding: 20px;
	border:2px solid #CCC;
}

.latest-news .et_pb_column .marquee-container {
	height: 300px;
	overflow: hidden;
	position: relative;
}

.latest-news .et_pb_column .marquee-list {
	position: absolute;
      width: 100%;
      display: flex;
      flex-direction: column;
      padding: 0;
      margin: 0;
      animation: scroll-up 15s linear infinite;
      animation-play-state: running;
}

.latest-news .et_pb_column .marquee-container:hover .marquee-list {
	animation-play-state: paused;
}

.latest-news .et_pb_column .marquee-list li:first-child {
	border-top: 1px solid #ddd;
}

.latest-news .et_pb_column .marquee-list li a{
	color: #f0506e;
	font-size: 15px;
}

.latest-news .et_pb_column .marquee-list li {
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

.about-dda img{
	border: 10px solid #eee;
}

.about-dda p {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

.administration .staff-listing {
    display: grid;
    gap: 20px;
	margin-top: 20px;
}

.administration .staff-listing .staff-member{
	box-shadow: 0 4px 16px #0000000f;
    text-align: center;
	border:1px solid #CCC;
}

.administration .staff-listing .staff-member img{
	object-fit: cover;
    height: 345px;
    min-width: 100%;
}

.administration .staff-listing .staff-content{
	padding: 20px;
}

.administration .staff-table{
	width: 100%; 
	border-collapse: collapse;
}

.administration .staff-table th, .administration .staff-table td{
	border: 1px solid #ccc;
	padding: 8px;
	text-align: center;
}

@keyframes scroll-up {
	0% {
		top: 100%;
	}
	100% {
		top: -100%;
	}
}

.contact-us p{
	font-size: 18px;
	font-weight: 400;
	color: #000;
}

.contact-us .contact-form input{
	display: block;
    width: 100%;
    border: none;
    padding: 15px;
    background: #f5f5f5;
    border-radius: 5px;
}

.contact-us .contact-form textarea{
	display: block;
    width: 100%;
    border: none;
    padding: 15px;
    background: #f5f5f5;
    border-radius: 5px;
	height: 150px;
}

.contact-us .contact-form .wpcf7-submit{
	background: #162f6a;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
}

.contact-us a{
	color: #000;
}

#footer-widgets{
	justify-content: center;
    display: grid;
	text-align: center;
}

#footer-widgets p, #footer-widgets a{
	color: #fff;
	font-size: 18px;
}

#footer-info {
    text-align: center;
    color: #fff;
    padding-bottom: 10px;
	float: none;
}

#footer-widgets{
	padding: 3% 0 0;
}

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

	.logo_container .header-left {
    float: left !important;
    width: 100% ! IMPORTANT;
}
.logo_container .header-right {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.logo_container h1 {
    font-style: normal;
    font-size: 18px;
    margin: 0;
    font-weight: 700;
    margin-top: 26px;
    margin-bottom: 5px;
}
.logo_container .header-right {
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
}
.administration .staff-listing {
    display: grid;
    gap: 20px;
    margin-top: 20px;
    grid-template-columns: repeat(1, 1fr) !important;
}
#main-header .container {
    width: 90%;
}	
.administration .staff-listing .staff-member img {
    object-fit: cover;
    height: 250px;
    min-width: 100%;
}

	.et_pb_slide_content h1 {
    font-size: 30px;
    line-height: 40px;
}
}