:root {
--color1:#344c8c;
--color2:#496cc7;
}

.social-cell {
padding-top:70px;
}
.profile-cell {
padding-top:70px !important;
}
.top-container .template-row,
.top-container .build-row {
max-width:100rem;
margin-left:auto;
margin-right:auto;
}
ul.site-menu li span a,
ul.site-menu li span span {
font-family:Poppins, sans-serif !important;
font-weight:bold !important;
color:#344c8c !important;
}
ul.site-menu li span a:hover,
ul.site-menu li:hover span span {
color:#e67e22 !important;
}
ul.site-menu ul.sub-menu li {
background-color:#344c8c !important;
}
ul.site-menu ul.sub-menu li:hover {
background-color:#e67e22 !important;
}
ul.site-menu ul.sub-menu li span a {
color:#FFF !important;
}
ul.site-menu ul.sub-menu {
border-top:none !Important;
}
ul.site-menu ul.sub-menu li {
border-bottom:none !important;
}
ul.site-menu ul.sub-menu li span a,
ul.site-menu ul.sub-menu li span a:hover {
font-weight:bold !Important;
}

footer {
background-color:#344c8c;
}
.user-panel .login-link.ce-button {
padding-left:20px;
padding-right:20px;
}
.user-panel .login-link.ce-button:hover {
text-decoration:none;
background-color:var(--color2);
}
.top-container { 
border-bottom:2px solid var(--color1);
}
@media (min-width : 320px) and (max-width :767px){
/* Styles */
.social-cell {
padding-top:10px;
text-align:center !important;
}
.profile-cell {
padding-top:10px !important;
text-align:center !important;
}
}