/*
Theme Name: CyCAT Theme
Author: Kyriakos Kyriakou
Description: This is the main CyCAT Theme developed for CyCAT.io Wordpress Website.
Version: 0.0.1
Tags: research
Template: wp-bootstrap-starter
*/

/* Use this class to temporary disable elements */
.display-none-cycat{
	display: none;
}

body{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	background: #f5f5f5;
	background-image: url("https://www.cycat.io/wp/wp-content/uploads/2018/10/Decorations.png"), url("https://www.cycat.io/wp/wp-content/uploads/2018/10/Binary-bg-big.png");
	background-color: #f5f5f5;
	background-clip: padding-box, padding-box;
	background-repeat: no-repeat, repeat-x;
	background-position: 110px -80px, top;
	color: #000000;
}

body p.text-cycat{
	line-height: 24px;
	font-size: 18px;
}

body p.big-text-cycat{
	line-height: 48px;
}

body p.big-subtext-cycat{
	line-height: 41px;
}

p.page-title-cycat{
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	line-height: 48px;
	font-weight: 700;
}

p.section-title-cycat{
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	line-height: 30px;
}

p.btn-tooltip-text-cycat{
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 22px;
}

#content.site-content {
    padding-top: 1.5rem;
}

body:not(.theme-preset-active) footer#colophon {

    color: #000000;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 6px rgba(0, 0, 0, 0.18) !important;
    box-shadow: 0px 0px 10px 6px rgba(0, 0, 0, 0.18) !important;
    font-size: 13px;

}
a{
    color: #F15A29;
}

a:hover {
    color: #F35521;
}

.orangecycat{
	color: #F15A29;
}

header.entry-header {
    display: none;
}

header#masthead{
	background-color: #FFFFFF;
	height: 85px;
	-webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.18) !important;
	        box-shadow: 0 5px 6px rgba(0, 0, 0, 0.18) !important;
	        margin-bottom: 10px !important;
}

.navbar-brand{
	width: 140px;
	height: auto;
}

#masthead .navbar-nav > li > a{
    margin-top: 30px !important;
    font-family: 'Roboto', sans-serif;
    color: #522E91 !important;
    margin: 10px 8px;
	text-align: center;
	font-size: 18px !important;
	height: 22px;
	font-weight: 400 !important;
}

#masthead .navbar-nav > li > a:hover{
    color: #6A4D9D !important;
}

#masthead .navbar-nav > li.active > a{
    color: #522E91 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
	padding-bottom: 25px !important;
	border-bottom: 6px solid #522E91 !important;
}

li.current-menu-ancestor a.dropdown-toggle {
    color: #522E91 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    padding-bottom: 25px !important;
    border-bottom: 6px solid #522E91 !important;
}

#masthead .container .navbar .navbar-brand a img{
	padding-bottom: 18px !important;
}

#masthead .container .navbar .navbar-brand a img:hover{
	opacity: 0.9;
    -webkit-transition: .2s ease-in-out;
    transition: .1s ease-in-out;
}


.btn-purple-cycat{
	display: inline-flex;
	border-radius: 20px;
	/*width: 239px;*/
	width: 100%;
	height: 94px;
	text-align: center;
	vertical-align: middle;
	display: table;
}

.btn-purple-cycat a {
	background: #522E91 !important;
	border: #522E91 1px solid !important;
	border-radius: 32px 32px 0px 0px !important;
	text-align: center !important;
	vertical-align: middle !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
	/*word-wrap: break-word !important;*/
	font-size: inherit !important;
	/*font-size: 21px !important;*/
	font-family: 'Roboto', sans-serif;
	
	margin-left: auto !important;
	margin-right: auto !important;
	
	width: 239px !important;
	display: table-cell !important;
	white-space: normal;

	-webkit-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.18) !important;
	        box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.18) !important;
}

.btn-purple-cycat a:hover {
	background: #6A4D9D !important;
}

.page-category-cycat{
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 0px;
}

.events-box-btn-cycat{
	display: inline-flex;
	border-radius: 20px;
	width: 239px;
	height: 94px;
	text-align: center;
	vertical-align: middle;
	display: table;
}

a.events-box-btn-cycat {
	background: #522E91 !important;
	border: #522E91 1px solid !important;
	border-radius: 32px 32px 0px 0px !important;
	text-align: center !important;
	vertical-align: middle !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
	word-wrap: break-word !important;
	font-size: 21px !important;
	font-family: 'Roboto', sans-serif;
	
	margin-left: auto !important;
	margin-right: auto !important;
	
	width: 239px !important;
	display: table-cell !important;
	white-space: normal;

	color: #FFFFFF !important;
	text-decoration: none !important;
}

a.events-box-btn-cycat:hover {
	text-decoration: none !important;
	color: #FFFFFF !important;
}

.events-box-cycat{
	background-color: #FFFFFF;
	border-radius: 10px;
	border: 8px solid #522E91;
	padding: 40px 0px 0px 0px;
	-webkit-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.18) !important;
	        box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.18) !important;
}

p.events-box-title-cycat{
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	line-height: 22px;
	font-size: 18px;
}

p.event-location-cycat{
	display: block;
}

p.event-datetime-cycat{
	display: block;
	margin-bottom: 0px !important;
}

p.events-box-content-cycat{
	font-size: 13px;
	line-height: 18px;

	margin-bottom: 0px !important;
}

div.events-box-content-cycat{
	font-size: 13px;
	line-height: 18px;

	margin-bottom: 0px !important;
}

.wp-block-button.is-style-squared.btn-purple-cycat.events-box-btn-cycat {
    position: relative !important;
    top: 28px !important;
    right: -5px !important;
}

img.events-box-img-cycat{
	border-radius: 12px;
	display: inline-block;
}

.post-box-img-cycat{
	width: 249px;
	border-radius: 12px;
	display: inline-block;
	margin-left: 15px;
	margin-bottom: 15px;

	float: right;
}

ul#menu-mainmenu li.nnav-item .menu-item .menu-item-type-custom .menu-item-object-custom .current-menu-ancestor .current-menu-parent .menu-item-has-children .menu-item-57 .dropdown .show a{
    color: red !important; /* highlight color */
}

.navbar-collapse {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100%;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    z-index: 1000;
}

.navbar-collapse ul.navbar-nav li.nav-item a{
	color: #522E91;
	text-align: center;
	padding-top: 20px;
}

.navbar-collapse ul.navbar-nav li.nav-item.menu-item a:hover{
	color: #6A4D9D;
}

@media only screen and (max-width: 1199px) {
	.navbar-collapse {
	    -ms-flex-preferred-size: 100% !important;
	    flex-basis: 100%;
	    -ms-flex-positive: 1 !important;
	    flex-grow: 1 !important;
	    -ms-flex-align: center !important;
	    align-items: center !important;
	    z-index: 1000;
		background: #FFFFFF;
		border-radius: 30px;
		padding-bottom: 30px;
		border: solid #522E91;
	}
}

/* Footer Styling */

p.footer-header-cycat{
	line-height: 22px;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
}

.footer-menu-cycat {
    list-style: none;
    padding: 0px;
    color: #522E91;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}


.footer-btn-newsletter-cycat {
    border: 2px solid #522E91;
    border-radius: 12px;
    background: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #522E91;
    padding: 5px 9px;
}

.footer-btn-newsletter-cycat:hover {
    background: #522E91;
    color: #FFFFFF;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}

.footer-social-item-cycat img {
    width: 42px;
    float: left;
    margin-left: 13px;
    border-radius: 10px;
    display: block;
    border: transparent solid 0px;
}

.footer-social-item-cycat img:hover {
    opacity: 0.7;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

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

/*.wp-block-button.is-style-squared.btn-purple-cycat.events-box-btn-cycat {
    position: absolute !important;
    bottom: -28px !important;
    right: 0px !important;
    width: 100%;
}*/


/* Contact Us Styling */
p.contactus-box-content-cycat{
	font-size: 21px;
	line-height: 25px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
}

.contactus-social-item-cycat img {
    margin-left: 13px;
    border-radius: 14px;
    display: block;
    border: 6px solid #522E91;
    width: 69px;
    background-color: #522E91;
    display: inline-block;
}

.contactus-social-item-cycat img:hover {
    opacity: 0.7;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

/* Floating Buttons */

.floating-btn-cycat{
	background-color: #FFFFFF;
	border-radius: 10px;
	border: 8px solid #522E91;
	padding: 40px 0px 0px 0px;
	-webkit-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.18) !important;
	        box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.18) !important;
}

.wp-block-button.is-style-squared.btn-purple-cycat.events-box-btn-cycat.floating-btn-element-cycat {
    position: relative !important;
    top: 28px !important;
    height: auto;
    display: inline-block;
    width: auto;
}

.floating-buttons-effect-cycat{

}

/* Mailchimp Default Styling */

#mc_embed_signup{
	/*background:#fff;*/
	clear:left; 
	/*font:14px Helvetica,Arial,sans-serif; */
	width:100%;
	text-align: center;
}
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto; margin-right: 10px;}
#mergeRow-gdpr {margin-top: 20px;}
#mergeRow-gdpr fieldset label {font-weight: normal;}
#mc-embedded-subscribe-form .mc_fieldset{border:none; min-height: 0px; padding-bottom:0px;}


/* Newsletter Styling */

.newsletter-box-cycat{
	border-bottom: #522E91 solid 6px;
	background-color: #747BB6;
	opacity: 0.85;
}

#mc_embed_signup_scroll .email{
	margin-top: 20px;
	margin-bottom: 30px;
	border: #522E91 solid 4px;
	border-radius: 12px;
	color: #8F8F8F;
	font-size: 18px;
	font-style: italic;
	line-height: 22px;
	font-family: 'Roboto', sans-serif;
	padding: 15px;
}

.subscribe-box-btn-cycat{
	color: #fff;
	background-color: #522E91;
	border: transparent;
	border-radius: 32px 32px 0px 0px;
	padding: 10px 20px;
}

.subscribe-box-btn-cycat:hover{
	opacity: 0.85;
}