/*
Theme Name: Beehoster
Theme URI: https://example.com
Author: Your Name
Author URI: https://example.com
Description: A custom WordPress theme for Beehoster.
Version: 1.0.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: beehoster
*/

.container{
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
@media (min-width:576px){
    .container{
        max-width:540px
    }
}
@media (min-width:768px){
    .container{
        max-width:720px
    }
}
@media (min-width:992px){
    .container{
        max-width:960px
    }
}
@media (min-width:1200px){
    .container{
        max-width:1260px
    }
}
.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}




/* Spacing before elements based on their "level" */
#page-content h1,
#page-content > h1 {
    margin-top: 0;
}

#page-content h2,
#page-content > h2 {
    margin-top: 1em;
}

#page-content h3,
#page-content > h3 {
    margin-top: 1.5em;
}

#page-content h4,
#page-content > h4 {
    margin-top: 2em;
}

#page-content h5,
#page-content > h5 {
    margin-top: 2.5em;
}

#page-content h6,
#page-content > h6 {
    margin-top: 3em;
}

/* Paragraphs and lists get progressive spacing as well */
#page-content p {
    margin-top: 0.7em;
    margin-bottom: 1.2em;
    color: #cccccc;
    font-size: 1rem;
    line-height: 1.7;
}

#page-content ul,
#page-content ol {
    margin-top: 1em;
    margin-bottom: 1.2em;
    padding-left: 2em;
}

#page-content li {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 1rem;
    color: #cccccc;
}

/* Heading styles */
#page-content h1, 
#page-content h2, 
#page-content h3, 
#page-content h4, 
#page-content h5, 
#page-content h6 {
    color: #f5f5f5;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    line-height: 1.2;
    /* margin-top is handled above for levels */
    margin-bottom: 0.7em;
}

/* Font sizes for headings */
#page-content h1 { font-size: 2.5rem; }
#page-content h2 { font-size: 2rem; }
#page-content h3 { font-size: 1.5rem; }
#page-content h4 { font-size: 1.25rem; }
#page-content h5 { font-size: 1rem; }
#page-content h6 { font-size: 0.875rem; }

/* Links */
#page-content a {
    color: #ffd700;
    text-decoration: underline;
    transition: color 0.2s;
}
#page-content a:hover, 
#page-content a:focus {
    color: #ffa500;
    text-decoration: none;
}

/* Strong text */
#page-content strong {
    font-weight: bold;
}