/*
 Theme Name:   Purefive - Child
 Template:     purefive
 Version: 1.0.0
*/

@import '../purefive/style.css';

/*---------------------------------
 ------------------------------------*/

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
  margin: auto;
}

th, td {
  text-align: left;
  padding: 5px 10px 5px 10px;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}
tr:nth-child(odd) {
  background-color: white;
}
div.hero-image.bg-restaurant-1 {
    background-image: url(../img/restaurant/bg-restaurant.jpg);
	width:100%;
}

.eighty {
	width: 80%; margin:auto;
}
.fifty{
	width: 50%; margin:auto;
}
.seventy {
	width: 70%; margin:auto;
}
table.forty{
	width: 40%; margin:auto;
}

div.overflow{
	overflow: auto;
}
.login-form {
    max-width: 350px;
    margin: auto;
}
table.clean{
	background-color: white;	
}
tr.clean{
	background-color: white;	
}
td.clean{
	background-color: white;	
}
th.clean{
	background-color: white;	
}

/*---------------------------------
 Form for FTP below
 ------------------------------------*/

table.lightjet{
	background-color: red;
	padding: 10%;
	margin:0%;
}
table.lightjet td{
	background-color: white;
	padding: 10px;
}
table.lightjet td.lft{
	text-align: right;
	width: 10%;
}
table.lightjet input{
	width: 2em;
	border-top: none;
	border-left: white;
	border-right: white;
}


/*---------------------------------
 Below is supposedly for font color since the original is too light. Also for different media output for mobile.
------------------------------------*/
p {
    font-family: 'Open Sans', sans-serif;
    color: #333;
	font-size: 14px; 
	font-weight: 300;
    line-height: 1.8; 
} 

@media (min-width: 992px) {
    h1 {
        font-size: 66px;
        letter-spacing: -1px;
    }
    h1 small {
        font-size: 66px;
        letter-spacing: 0px;
    }
    .lead {
        font-size: 16px;
        font-weight: 300;
        color: #7a7a7a; 
        line-height: 1.8;
    }
    h2 {
        font-size: 40px;
        letter-spacing: 0px; 
    }
    h2 small {
        font-size: 40px;
        letter-spacing: 0px;
    }
    .lg-heading {  
        font-size: 14rem;
        font-weight: 700;
        line-height: 0.85em;
        letter-spacing: -7px; 
    } 
} 
@media (max-width: 992px) {
    h1 {
        font-size: 56px;
        letter-spacing: -1px;
    }
    h1 small {
        font-size: 56px;
        letter-spacing: 0px;
    }
    .lead {
        font-size: 16px;
        font-weight: 300;
        color: #7a7a7a; 
        line-height: 1.8;
    }
    h2 {
        font-size: 40px;
        letter-spacing: 0px; 
    }
    h2 small {
        font-size: 40px;
        letter-spacing: 0px;
    }
    .lg-heading {  
        font-size: 10rem;
        font-weight: 700;
        line-height: 0.85em;
        letter-spacing: -4px; 
    } 
} 
@media (max-width: 620px) { 
    .lg-heading {  
        font-size: 6rem;
        font-weight: 700;
        line-height: 0.85em;
        letter-spacing: -2px; 
    } 
}
@media (max-width: 480px) { 
    .lg-heading {  
        font-size: 4rem;
        font-weight: 700;
        line-height: 0.85em;
        letter-spacing: -1px; 
    } 
} 
.list0 {
    list-style: none;
    padding: 0;
    color: #7a7a7a;
}
.list-inline li { 
    display: inline-block;
}
.list0 a { 
    color: #7a7a7a;
}

.testimonials-alt a { 
    color: #7a7a7a;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
    display: inline-block;
    padding-bottom: 22px;
} 

.textwidget{
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
}
.contact-address li { 
    line-height: 1.8;
    color: #7a7a7a;
    font-weight: 300;
}
#footer-2 .footer-copyright a {
    color: #7a7a7a;
}

.play-bottom h6 {
    display: inline-block;
    font-weight: 400;
	font-size: 1.1em;
	line-height: 1.2em;
	letter-spacing: 0.08em;
} 
.md-grey {
    color: white!important;
}

h4 small, h5 small, h6 small {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #ebebeb;
    line-height: 1.1;
} 


/*---------------------------------
NOTE: This is hardcoded and to be pasted back into the original css since everytime the template is updated, all the hardcoded codes are gone.
This is to take out the Youtube play button.
purefive / inc / framework-function.php Line 320 to 330 original code
<div class="play-bottom"> 
            <h6 class="white"><?php echo sprintf(esc_html__('%s','purefive'),$purefive['rest-play-b4text']); ?></h6> 
            <a href="<?php echo esc_url($purefive['rest-play-music']); ?>" class="play-btn"></a> 
            <h6 class="white"><?php echo sprintf(esc_html__('%s','purefive'),$purefive['rest-play-faftrext']); ?></h6>  
            <ul class="list-inline">
                <li><a href="<?php echo esc_url($purefive['rest-btm-menu1-url1']); ?>"><?php echo sprintf(esc_html__('%s','purefive'),$purefive['rest-btm-menu1-ttl']); ?></a></li>
                <li><a href="<?php echo esc_url($purefive['rest-btm-menu1-url2']); ?>"><?php echo sprintf(esc_html__('%s','purefive'),$purefive['rest-btm-menu1-tt2']); ?></a></li>
                <li><a href="<?php echo esc_url($purefive['rest-btm-menu1-url3']); ?>"><?php echo sprintf(esc_html__('%s','purefive'),$purefive['rest-btm-menu1-tt3']); ?></a></li>  
                <li><a href="<?php echo esc_url($purefive['rest-btm-menu1-url4']); ?>"><?php echo sprintf(esc_html__('%s','purefive'),$purefive['rest-btm-menu1-tt4']); ?></a></li>
            </ul>
        </div>
purefive / inc / framework-function.php Line 320 to 330 edited code
        <div class="play-bottom"> 
            <h6 class="white"><?php echo sprintf(esc_html__('%s','purefive'),$purefive['rest-play-b4text']); ?>&nbsp;&nbsp;|&nbsp;&nbsp;<?php echo sprintf(esc_html__('%s','purefive'),$purefive['rest-play-faftrext']); ?></h6>
			</span>  
            <ul class="list-inline">
                <li><a href="<?php echo esc_url($purefive['rest-btm-menu1-url1']); ?>"><?php echo sprintf(esc_html__('%s','purefive'),$purefive['rest-btm-menu1-ttl']); ?></a></li>
                <li><a href="<?php echo esc_url($purefive['rest-btm-menu1-url2']); ?>"><?php echo sprintf(esc_html__('%s','purefive'),$purefive['rest-btm-menu1-tt2']); ?></a></li>
                <li><a href="<?php echo esc_url($purefive['rest-btm-menu1-url3']); ?>"><?php echo sprintf(esc_html__('%s','purefive'),$purefive['rest-btm-menu1-tt3']); ?></a></li>  
                <li><a href="<?php echo esc_url($purefive['rest-btm-menu1-url4']); ?>"><?php echo sprintf(esc_html__('%s','purefive'),$purefive['rest-btm-menu1-tt4']); ?></a></li>
            </ul>
        </div>

Line 312 original code for logo banner
                    <img src="<?php echo esc_url($purefive['rest-banner-logo']['url']); ?>" class="img-responsive scroll-opacity mr-auto" alt="#" style="max-width:600px"> 
Line 312 edited code
                    <img src="<?php echo esc_url($purefive['rest-banner-logo']['url']); ?>" class="img-responsive scroll-opacity mr-auto" alt="#" style="max-width:60%;">
------------------------------------*/