/*!
Theme Name: roachandbruce
 */
html {
	line-height: 1;
	-webkit-text-size-adjust: 100%;
}

*{ box-sizing: border-box; }

body { 
	margin: 0; 
	font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #22262a;
}

a { color: #224faa; }
a:hover { color: #424077 }

.container { width: 94%; max-width: 1040px; margin: auto; }
aside { width: 240px; }
#main-section { width: calc(100% - 480px); padding: 0 30px; }
main .container { display: flex; align-items: flex-start; justify-content: space-between; }

h1, h2 { font-size: 2.5rem; line-height: 1.2; margin-bottom: 0.5rem; margin-top: 0;}
h3 { font-size: 1.75rem; line-height: 1.2; margin-bottom: 0.5rem;}


header {
	background: #333333;
	padding: 16.5px 0;
	margin-bottom: 16px;
}
header .container { display: flex; align-items: center; justify-content: space-between;}
#logout ul { list-style: none; margin:0; padding: 0;}
#logout a { color: #fff;}
#logout a:hover { color: #028bbb; }
.main-h1 { font-size: 20px; margin-bottom: 5px; font-weight: 400; line-height: 1.2;}
.main-h1 a, .header-subheading a { color: #fff; text-decoration: none; }
.header-subheading { font-size: 12px; }

aside .menu { list-style: none; margin: 0; padding: 0; }
aside .menu li { padding: 0.25em 0; }
aside .menu li a { color: #224faa; text-decoration: none; }
aside .menu li.current-menu-item a { text-decoration: underline; }

#nav_menu-2 { margin-bottom: 0; }
#nav_menu-4 { margin: 0; }
#nav_menu-5 { margin-top: 0 }

aside .widget_nav_menu { margin: 1em 0; }
aside h3 { margin-top: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid #dfe3e7; margin-bottom: 0; padding: 0.5rem 1rem;}
.ext-btn, .ext-btn:visited {background: #028bbb; padding: 6px 10px; display: block; text-align: center; font-size: 16px; color: #fff; font-weight: 600;text-decoration: none; line-height: 1.4; border: solid 2px #215568; }
.ext-btn:hover {background: #215568; color: #fff; }
aside form p { white-space: nowrap; }
aside form label { display: block; font-size: 15px; font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-weight: 600;}

#user-sidebar { border: 1px solid #dfe3e7; border-radius: 0.25rem; }
#user-sidebar div { padding: 0 1rem }
#right-sidebar { margin-top: 35px; }

.col-sm-3, .col-sm-9 {max-width: none !important; flex: none !important; -ms-flex: none !important;}
input[type=text], input[type=password] { border: 1px solid #ced4da; border-radius: 0.25rem; height: 45px; padding: 5px 10px; font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; width: 100%; }
textarea { border: 1px solid #ced4da; border-radius: 0.25rem; height: 100px; padding: 5px 10px; font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }

.grecaptcha-badge { display: none; }

input[type=submit]{background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; color: #22262a; cursor: pointer; display: inline-block; font-size: 1rem; font-weight: 400; line-height: 1.5; padding: 0.6rem 1rem; text-align: center;
    text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle;background-color: #010149; border-color: #010145; color: #fff}
input[type=submit]:hover, input[type=submit]:focus { background-color: #424077; border-color: #424077; }
input[type=submit]:focus { box-shadow: 0 0 0 0.25rem rgb(39 39 111 / 50%); }

.ffmwp-select-input-wrap, #ffmwp_save_files_btn { background-color: #028bbb !important; }
.ffmwp-select-input-wrap:hover, #ffmwp_save_files_btn:hover { background-color: #215568 !important; }
.wpfm-bc { display: none !important; }
#ffmwp_save_files_btn { color: #fff; font-size: 17px; padding: 10px 25px; }
.swal-title { word-break: break-all; }


footer { margin-top: 3em; background: #112855; background-image: linear-gradient(135deg, #112855 0, #424077 100%); color: #fff; font-size: 10px; }
#footer-contents { width: calc(100% - 240px); padding: 2.5rem 8px; border-left: 1px dotted; margin-left: 240px; line-height: 2.5;}
footer a { color: #fff; }
footer a:hover, footer li.current-menu-item a { color: #028bbb; }
#copyright { margin-top: 17px; }

#footer-menu ul { list-style: none; display: flex; margin: 0; padding: 0;}
#footer-menu ul li { padding: 0 6px; position: relative; }
#footer-menu ul li:after { content: '|'; position: absolute; right: 0; }
#footer-menu ul li:first-child { padding-left: 0; }
#footer-menu ul li:last-child:after { content: none; }

@media(max-width: 991px){
	main .container { flex-wrap: wrap; }
	#main-section { order: -1; width: 100%; padding: 0; }
	aside { width: 100%; margin-bottom: 40px; }
}