/* 
 Theme Name:   bussiness-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     business-article-ship
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/
.custom-header {
    padding: 10px 0; 
}

.site-title {
    font-size: 2rem;
    font-weight: 700;
    font-style: italic;
    font-family:  "Kaushan Script", cursive;
}



.section {
    padding: 30px 0;
}

.section p {
    margin-bottom: 0.75rem;
}

.hero {
    background-color: #f94c30;
    color: #fff;
    padding: 40px;
}

h1,h2,h3,h4 {
    padding-top: 0 !important;
}

.hero h1 {
    color: #fff;
    font-style: italic;
    text-align: center;
}



.section h2 {
    text-align: center;
    color: #f94c30;
    font-style: italic;
}

.service-box {
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 20px;
    height: 100%;
}

.service-box h3 {
    text-align: center;
}

.box {
    background-color: #f94c30;
    padding: 20px;
    border-radius: 20px;
    height: 100%;
    color: #fff;
}
.box h2,
.box h3 {
    color: #fff;
}

.item-box {
    background-color: #fff;
    color: #000;
    padding: 15px;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    height: 100%;
}

img.size-large, #footer img {
    width: auto!important;
    height: auto;
    max-width: 100%;
}

.footer-img {width: 100px; height: 100px;}

.item {
    border: 3px solid #f94c30;
    padding: 20px;
    border-radius: 20px;
    height: 100%;
}

.item h3 {
    text-align: center;
}

.site-main a {
    color: #f94c30 !important;
    text-decoration: underline !important;
}

.site-main .box a {
    color: #000 !important;
}

.faq {
    margin-bottom: 10px;
}

.faq-question {
    background: #f94c30;
    padding: 15px;
    border-radius: 20px;
    color: #fff;
}
.faq-question p,
.faq-answer p {
    margin-bottom: 0;
}

.faq-answer {
    padding: 15px;
}

table {
    border-collapse: collapse;
    width: 100%;
}

table th, table td {
    border: 1px solid #000;
    padding: 15px;
    text-align: center;
}

table th {
    background-color: #f94c30;
    color: #fff;
}


main ul li:before,
main ol li:before {
    content: '✦';
    margin-right: 10px;
}

.btn-home {
    background-color: #f94c30;
    border-radius: 7px;
    padding: 12px 25px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.site-main a.btn-home {
    color: #fff !important;
    text-decoration: none !important;
}
@media (max-width: 768px) {
    .hero {
        padding: 25px;
    }
    
    .hero h1 {
      font-size: 2rem;
    }
    .site-title, .section h2 {
      font-size: 1.75rem;
    }
    .section h3 {
      font-size: 1.5rem;
    }
}

@media (max-width: 576px) {
    .hero {
        padding: 10px;
    }

    .hero h1 {
      font-size: 1.75rem;
    }
    .site-title, .section h2 {
      font-size: 1.5rem;
    }
    .section h3 {
      font-size: 1.25rem;
    }

    table th, table td {
        padding: 8px;
    }
  }