/* $Id: imapsync_form.css,v 1.1 2018/01/27 21:58:41 gilles Exp gilles $ */
body {
	background: #f1f5f8;
	font-family: 'Roboto', sans-serif;
}
header {
	background: #FFF;
	padding: 20px 0 15px 0;
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc;
}
header .logo {
	display: block;
	margin: 1px 0;
}
header .logo img {
	max-width: 100%;
}
.border-right {
	border-right: 1px solid #8dca18;
}
.header-h1 {
	color: #0085c3;
	font-size: 18px;
	display: inline-block;
	line-height: 1;
	margin: 0;
}
.header-h1 span {
	font-size: 14px;
	display: block;
	line-height: 1.5;
}
.intro h2 {
	font-weight: normal;
	font-size: 13px;
	color: #777;
	padding: 0 0 10px 0;
}
.double-border {
    border: 1px solid #ccc;
}
legend.h2 {
	padding: 20px 0;
	color: #0085c3;
}
#account1 {
	background: #FFF;
}

#account2 {
	background: #FFF;
}

.input-lg {
    border-radius: 0px;
	font-size: 14px;
}

.border-left {
	border-left: 1px solid #ccc;
}

.form-control:focus {
	outline: none;
	-webkit-box-shadow: inset 0px 0px 1px 3px rgba(0, 133, 195, 1);
	-moz-box-shadow: inset 0px 0px 1px 3px rgba(0, 133, 195, 1);
	box-shadow: inset 0px 0px 1px 3px rgba(0, 133, 195, 1);
}

.input-group-addon {
	font-size: 18px;
	color: #8dca18;
}

.margin-top {
	margin-top: 30px;
}

.btn-group-lg>.btn, .btn-lg {
    font-size: 24px;
	text-shadow: 1px 0px 1px #000000;
	border-radius: 0;
}

pre {
	background-color: #fff;
	border-radius: 0px;
}

.padd0 {
        padding-left:  0px ;
        padding-right: 0px ;
}

footer .secarea {
    background: #FBECEC!important;
    padding: 30px 0px 30px 0px;
    border-bottom: 2px solid #551414; /* ✅ Line appears in middle */
}
footer .secarea h3 {
	margin-bottom: 14px;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-style: normal;
    text-transform: capitalize;
}
footer .secarea ul {
	list-style: none outside none;
	margin: 0;
    margin-bottom: 10px;
	padding: 0;
}
footer .secarea li a {
    color: #89afbe!important;
	line-height: 1.6;
}
footer .secarea li a:hover {
    color: #FFF!important;
	text-decoration: none;
}
footer .secarea .address {
    color: #89afbe!important;
}
footer .secarea .address a {
    color: #fff;
    transition: all 0.3s ease;
}
footer .secarea .address a:hover {
    color: #0085c3;
	text-decoration: none;
}
.copyrights {
    background: #FBECEC!important;
    color: #000;
    font-size: 13px;
    padding: 35px 0 30px;
    text-align: left !important;
}
.copyrights a {
    color: #6497ac;
    font-weight: bold;
	padding: 0px 5px;
    transition: all 0.3s ease;
}
.copyrights a:hover {
	color: #FFF!important;
	text-decoration: none;
}
@media (max-width: 768px) {
    footer .secarea .row {
        display: block;
        text-align: center;
    }
    footer .secarea .row > .col-md-4 {
        text-align: center !important;
        margin-bottom: 20px;
    }
}

/* ===== Footer Text Color Update ===== */

/* Section titles (Hosting Services, Company, Support) */
footer .secarea h3 {
    color: #0F2F56 !important;
    font-weight: 700;          /* bold */
    font-size: 22px;           /* slightly larger */
    margin-bottom: 10px;
}

/* List link text */
footer .secarea li a {
    color: #0F2F56 !important;
    font-size: 15px;
    font-weight: 500;
}

/* Hover effect */
footer .secarea li a:hover {
    color: #0A223E !important;  /* darker shade of same theme */
    text-decoration: underline;
}

/* Address text or extra text in footer */
footer .secarea .address,
footer .secarea .address a {
    color: #0F2F56 !important;
}

/* Hover for address links */
footer .secarea .address a:hover {
    color: #0A223E !important;
}

/* Make footer columns: left, center, right */
footer .secarea .row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

/* Left column stays left (no change) */

/* Center column */
footer .secarea .row > .col-md-4:nth-child(2) {
    text-align: center;
}

/* Right column */
footer .secarea .row > .col-md-4:nth-child(3) {
    text-align: right;
}


/* Copyright section link styling */
.copyrights a {
    color: #0F2F56 !important;
    font-weight: 600;
}

.copyrights a:hover {
    color: #0A223E !important;      /* darker hover */
    text-decoration: underline;
}

/* Copyright text itself */
.copyrights {
    color: #0F2F56 !important;
}

/* Make tagline bold and larger */
.copyrights span {
    font-weight: 700 !important;   /* bold */
    font-size: 15px !important;    /* slightly larger */
    color: #0F2F56 !important;     /* ensure it matches theme */
}