/*
Theme Name: COMPANY NAME Custom
Theme URI: COMPANYWEBSITE
Description: A custom demo designed solely for COMPANY NAME (COMPANY WEBSITE)
Author: DVH Design
Author URI: https://dvhdesign.co.uk/
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

*/

@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css'); 

/*Font embed Start */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,500&display=swap');

/*Font embed End */

/* Style Start */

h1 { font-family: 'Roboto', sans-serif;
     font-weight: 400;  }

h2 { font-family: 'Roboto', sans-serif; 
     padding-bottom: 1em; }

h3 { font-family: 'Roboto', sans-serif;
     padding-bottom: 1em;  }

h4 { font-family: 'Roboto', sans-serif; }

.slo { font-family: 'Roboto', sans-serif;
       font-style: italic;
       font-size: 1.75em;
       font-weight: 400; }

a { color: #2321fe; }

a:hover { color: #68339b; }

.grn { color: #388a42; }

p, li, td { font-family: 'Roboto', sans-serif; }

.fn { font-size: 0.83em;
      text-align: right; }

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

footer {
    margin-top: 25px;
}

.mob { border-bottom: 1px #388a42 solid;}


.ro { padding: 0.5em 0; }

.ro i { padding-right: 0.75em; }

.th { font-weight: 700; }

.td { padding: 0.5em 0; }
      
.td { text-align: left; }

.ro { border-bottom: 1px #ddd solid; }

figcaption { text-align: center; }

/* Style End */

/* Layers Start */

header { border-bottom: 5px #68339b solid;  }

.log, .cnm, slo, .blb, .bnr, .mdir, .mob { padding: 1em 0; }

.cnm { text-align: center; }

.slo { text-align: center; }

main { padding: 1.5em 0;  }



/* Layers End */

/* Nav styling start */

.active, .current_page_item { }

.navbar { background-color: #ccc; }

button.navbar-toggler { background-color: #E4E6F2;
                        border-radius: 0;
                        padding: 0.6em; }

.navbar-light .navbar-nav menu-item a, .navbar-light .menu-item a { color: #fff; }

#navbarSupportedContent { background-color: #ccc; }

#navbarSupportedContent .navbar-light .navbar-nav .menu-item a:focus, .navbar-light .navbar-nav .menu-item:hover, .navbar-nav .menu-item:focus, .navbar-light .navbar-nav .menu-item:hover {  }

.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(93, 82, 151, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.nav-justified .nav-item, .nav-justified .menu-item { font-family: 'blnx';
                                                      font-size: 1.13em; }
                           
.navbar-nav .active > .menu-item a, .navbar-nav .current_page_item > .menu-item a, .navbar-nav .menu-item a:focus, .navbar-nav .menu-item a:hover, a.dropdown-item:hover { text-decoration: none; }

.nav-justified .menu-item:hover { background-color: #fff; }
                                  
.nav-justified .menu-item:hover a { color: #cccccc;  }

.navbar-nav .menu-item a {
    color: #fff;
}

/* Nav styling end */

/* Navigation to get Bootstrap working Start */

.navbar-light .navbar-nav .active > .menu-item a, .navbar-light .navbar-nav a.current_page_item, .navbar-light .navbar-nav a.show, .navbar-light .navbar-nav .show > .menu-item a {
    color: rgba(0,0,0,.9);
}

.navbar-expand-lg .navbar-nav .menu-item a {
    padding-right: .5rem;
    padding-left: .5rem;
}
.navbar-nav .menu-item a {
    padding-right: 0;
    padding-left: 0;
}
.mnu-item a {
    display: block;
    padding: .5rem 1rem;
        padding-right: 1rem;
        padding-left: 1rem;
}

.nav-justified .nav-item, .nav-justified .menu-item {
    -ms-flex-preferred-size: 0 !important;
    flex-basis: 0 !important;
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
   
}

.navbar-expand-lg .navbar-nav a {
    padding-right: .5rem;
    padding-left: .5rem;
}

/* Navigation to get Bootstrap Working End */

/* Stuff that WordPress might want to use Start */

p.comment-form-comment label { vertical-align: top; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}


/**
 * 9.0 - Clearings
 */

.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}

.navbar-brand { color: #222 !important; }


/* Stuff that WordPress might want to use End */ 

/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)*/

@media (max-width: 576px) { 

.td { margin-left: 0.5em;
      margin-right: 0.5em; }

 }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

.cnt { display: inline-block !important; }

 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

.navbar-brand { display: none; }

.slo, .cnm { text-align: right; }

 }

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

.navbar-brand { display: none; }

.slo { font-size: 2em; }

 }