/*
Theme Name: Central Philippines University Theme
Description: A child theme to house custom coding which modifies the Divi parent theme by Elegant Themes. Includes default line numbers where the code was taken from in the parent theme.
Author:   Joel Sumadic http://virtualbytesolutions.compact
Template: Divi
*/

@import url("/wp-content/themes/Divi/style.css");

.menu-container-main {width:100%; background-color:#E48A2A;     height: 56px;}
.menu-container-main .container{    padding-left: 150px;}
.et_header_style_centered #main-header .logo_container {margin-bottom: 0px;}
.et_header_style_centered nav#top-menu-nav {padding-top:20px;}
.post-password-required {width:80%; margin-left:auto; margin-right:auto; min-height:700px; padding-top:50px;}
#logo-text, #logo-tagline {color:#000; font-size:25px;}
.five-colums {width:19.5%; vertical-align:top; display:inline-block;}
.home-announcement #post-grid-671 .item{width: 332px;}
.footer-right .widget_text {color:#FFFCFD; font-size:14px;}
#footer-info {color:#FFFCFD; font-size:14px;}

/* Style Footer Credits - Lines 948 & 949 */

#footer-info { 
text-align: left; 
color: green; 
padding-bottom: 10px; 
float: left; 
}

#footer-info a { 
font-weight: 700; 
color: yellow; 
}

#footer-info a:hover { 
color: pink; 
}


/* Style Footer Social Icons - Lines 1185 to 1198 */

#footer-bottom .et-social-facebook a {
	color: blue;
}
#footer-bottom .et-social-twitter a {
	color: powderblue;
}
#footer-bottom .et-social-google-plus a {
	color: red;
}
#footer-bottom .et-social-rss a {
	color: orange;
}

/* Hover Colors*/
#footer-bottom .et-social-facebook a:hover {
	color: pink;
}
#footer-bottom .et-social-twitter a:hover {
	color: pink;
}
#footer-bottom .et-social-google-plus a:hover {
	color: pink;
}
#footer-bottom .et-social-rss a:hover {
	color: pink;
}
.footer-left
{
    width:49.5%;
    display:inline-block;
    vertical-align:top;
}
.footer-right
{
    width:49.5%;
    display:inline-block;
    vertical-align:top;
}
#main-header .container {max-width:100%; width:100%;}
#main-header .container .logo_container {max-width:1080px; margin-left:auto; margin-right:auto;}
.logo-headers-main  {width:100%; background-color:#fff; height:100px;}
#main-header #et-top-navigation {max-width:1080px; margin-left:auto; margin-right:auto;}
.et-fixed-header .logo-headers-main {height:0px;}
.et_header_style_centered #page-container #main-header div#et-top-navigation {bottom:0px; padding-right:25px;}
@media only screen and (max-width: 1180px)
{
	header .et_pb_text .et_pb_text_inner h3
	{
		margin-left:50px;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 769px)
{
    .et_header_style_centered #page-container #main-header .container {width:100%;}
    .et_header_style_centered #page-container #main-header #top-menu li {font-size:12px;}
    .et-fixed-header .nav li {line-height: 2.5em;}
    .et-fixed-header .menu-container-main .container {padding-left: 100px;}
     #main-header #logo-text, #logo-tagline {font-size:27px;}
     .et_header_style_centered #logo
    {
        max-height:116%;
    }
}

@media only screen and (min-width: 981px)
{
    .et_header_style_centered #logo
    {
        margin-top: 15px !important;
    }
   
}
@media only screen and (max-width: 812px)
{
    .et_header_style_centered #logo  { max-height: 86px;}
     #et-top-navigation {padding-left:25px;}
}
@media only screen and (max-width: 768px)
{
    .et_header_style_centered #page-container #main-header div#et-top-navigation
    {
        padding-left:25px;
        padding-right:25px;
    }
    #main-header #logo-text, #logo-tagline {font-size:36px;}
    .et_header_style_centered #main-header #logo {max-height:100px; margin-top:0px;}
      .et_header_style_centered #page-container #main-header .container {width:100%;}
      #et_mobile_nav_menu {z-index:999;}
      #main-header .menu-container-main .et_menu_container {width:100%; padding-left:10px; padding-right:10px;}
      #main-header .menu-container-main .container {padding-left:10px; padding-right:10px;}
      .footer-left
{
    width:100%;
    display:inline-block;
    vertical-align:top;
}
.footer-right
{
    width:100%;
    display:inline-block;
    vertical-align:top;
}
 .et_header_style_centered #logo
    {
        max-height:100%;
    }
    #main-header #logo-text, #logo-tagline {font-size:30px;}
}

@media only screen and (max-width: 414px)
{
     #main-header #logo-text, #logo-tagline {font-size:15px; font-weight:bold;}
     .et_pb_column .five-colums {width:100%;} 
}

@media only screen and (max-width: 375px)
{
      #main-header #logo-text, #logo-tagline {font-size:15px;}
      .et_header_style_centered #main-header #logo {max-height:86px; font-weight:bold;}
      .logo-headers-main {height:86px;}
     .et_pb_column .five-colums {width:100%;} 
}