/*
 Theme Name:   worksynergy
 Theme URI:    http://generatepress.com
 Description:  Theme for worksynergy
 Author:       Alastair Breingan 
 Author URI:   http://lelal.com
 Template:     generatepress
 Version:      0.1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
 Text Domain: worksynergy
 Domain Path: /languages
*/
#site-navigation {background: rgba(0,0,0,0.0); position:absolute; top:90px; left: 10px; background-color: transparent;} 
.one-container .site-content {padding: 20px;}
.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {margin-top: 10px;}
.main-navigation .main-nav ul li > a { border: 2px solid rgba(0,0,0,0.0);}
.main-navigation .main-nav ul li[class*="current-menu-"] > a { border-radius: 10px; border: 2px solid #FFFFFF; color: #404040; font-weight: bold;}
.main-navigation .main-nav ul li[class*="current-menu-"]:hover > a, 
.main-navigation .main-nav ul li[class*="current-menu-"]:focus > a,
.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {border-radius: 10px; color: #FFFFFF; color: #404040; font-weight: bold;}
.main-navigation .main-nav ul li a {padding-left: 10px; padding-right: 10px;}
.menu-item-has-children .dropdown-menu-toggle {padding-right: 15px;}
.main-navigation .main-nav ul li:hover > a, 
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.sfHover > a {border-radius: 10px; border: 2px solid #FFFFFF; color: #404040; font-weight: bold;} 
.main-navigation .main-nav ul ul li > a { border-radius: 10px; border: 2px; background-color: #f0b670;}
.main-navigation .main-nav ul ul li[class*="current-menu-"] > a { border-radius: 10px; border: 2px; background-color: #eda34a; color: #404040; font-weight: bold;}
.main-navigation .main-nav ul ul li[class*="current-menu-"]:hover > a, 
.main-navigation .main-nav ul ul li[class*="current-menu-"]:focus > a,
.main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover > a { border-radius: 10px; border: 2px;	background-color: #eda34a; color: #404040; font-weight: bold;}
.main-navigation .main-nav ul ul li:hover > a, 
.main-navigation .main-nav ul ul li:focus > a,
.main-navigation .main-nav ul ul li.sfHover > a { border-radius: 10px; border: 2px;	background-color: #eda34a; color: #404040; font-weight: bold;}

.mobile-menu-open .main-nav ul li > a {border-radius: 10px; border: 2px solid #FFFFFF; background-color: #f0b670;}
.mobile-menu-open .main-navigation {background-color: #f0b670;}
.mobile-menu-open .main-navigation .main-nav ul li[class*="current-menu-"] > a,
.mobile-menu-open .main-navigation .main-nav ul ul li[class*="current-menu-"] > a { background-color: #eda34a; color: #404040; font-weight: bold;}
.mobile-menu-open .main-navigation .main-nav ul li:hover > a, 
.mobile-menu-open .main-navigation .main-nav ul li:focus > a,
.mobile-menu-open .main-navigation .main-nav ul li.sfHover > a,
.mobile-menu-open .main-navigation .main-nav ul ul li:hover > a, 
.mobile-menu-open .main-navigation .main-nav ul ul li:focus > a,
.mobile-menu-open .main-navigation .main-nav ul ul li.sfHover > a { background-color: #eda34a; color: #404040; font-weight: bold;}
.navigation-search input[type="search"] {border-radius: 10px; border: 2px solid #FFFFFF; background-color: #f0b670; height:64px;}

.site-info {
	background-color: #ffffff;
	color: #000000;
}
                             /* Google chrome */
      @-webkit-keyframes svg-text-anim {
       40% {
          stroke-dashoffset: 0;
          fill: transparent;
        }
        60% {
          stroke-dashoffset: 0;
          fill: #5c5c5c;
        }
        100% {
          stroke-dashoffset: 0;
          fill: #5c5c5c;
        }
        
    }
    /* Most browsers */
    @keyframes svg-text-anim {
       40% {
          stroke-dashoffset: 0;
          fill: transparent;
        }
        60% {
          stroke-dashoffset: 0;
          fill: #5c5c5c;
        }
        100% {
          stroke-dashoffset: 0;
          fill: #5c5c5c;
        }
        
    }
      @-webkit-keyframes svg-dash {
       40% {
          stroke-dashoffset: 0;
          fill: transparent;
        }
        60% {
          stroke-dashoffset: 0;
          fill: #ff9313;
        }
        100% {
          stroke-dashoffset: 0;
          fill: #ff9313;
        }
        
    }
    /* Most browsers */
    @keyframes svg-dash {
       40% {
          stroke-dashoffset: 0;
          fill: transparent;
        }
        60% {
          stroke-dashoffset: 0;
          fill: #ff9313;
        }
        100% {
          stroke-dashoffset: 0;
          fill: #ff9313;
        }
        
    }
p {	margin-bottom: .7em;}
.svg-holder {background: linear-gradient(to right, #ff9313, white); margin:0; padding:0; text-align:right; position:relative; height:156px;}
.logo {position:absolute; top:25px; right:30px; width:300px;  background-color: transparent;}
.site-main .wp-block-group__inner-container { padding: 10px;}
.centre {margin-left: auto; margin-right: auto;}

.wpcf7-form { border: 2px solid #353535; border-radius: 10px; padding:10px;}
.wpcf7-form p {margin-bottom:10px;}
.wpcf7-textarea {height:120px;}
.wpcf7 input {width:100%; margin-bottom:10px;}
.wpcf7-submit { border: 1px solid #808080; border-radius: 10px; background-color: #808080;}
button, input[type="button"], input[type="reset"], input[type="submit"] {border: 1px solid #808080; cursor: pointer; -webkit-appearance: button; padding: 10px; }
.c4l1, .c4l2, .c4l3, .c4l4, .c4r1, .c4r2, .c4r3, .c4r4 {border-radius: 10px; border: 2px solid #808080;}
.wp-block-group.radbdr {border-radius: 10px; border: 2px solid #808080;}
.iriaec {width:50%; margin-left: auto; margin-right: auto;}
.c4l {margin-right: -17%; padding-top:20px;}
.c4l1 ul, .c4l2 ul, .c4l3 ul, .c4l4 ul, .c4r1 ul, .c4r2 ul, .c4r3 ul, .c4r4 ul, .wp-block-column is-vertically-aligned-center c4l ul, c4ul ul {margin: 0 0 1.5em 1em;}
.c4l li {line-height: 2.5;}
.c4r {margin-left: -17%; vertical-align:middle;}
.c4svg {max-width:700px;}
.wslogo {max-width:96px; padding-left: 5px;}
.wslogos {border: 2px solid #353535; border-radius: 10px; padding: 10px;}
.tlklgo {width:80%; max-width:450px; }
#email {display:none;}
.wp-block-columns {	margin-bottom: 5px;}
.c-accordion__title {background-color:#f0b670; border: 1px solid #808080; border-radius: 10px; margin-bottom:10px; padding:0 10px;}
.c-accordion__title:after {font-size:40px; font-weight: bold; margin-right:10px; margin-top:-5px;}
.wp-block-button__link {background-color:#f0b670; border: 1px solid #808080; border-radius: 10px;}
.wp-block-button__link:hover {color:#000; background-color: #d8a465;}
.wp-block-media-text .wp-block-media-text__content {padding: 0 0 0 3%;}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {	padding: 0 3% 0 0;}
.mailpoet_submit:hover {color:#000; background-color: #d8a465;}
.cat-links {display: none;}

@media (max-width: 781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child){flex-basis: unset!important; flex-grow: unset; margin: 10px 10px;}
	.tlkimg, .tlkctrcol {display:none;}
	.nowrap {flex-wrap: nowrap;}
	.iriaec {width:30%; margin-left: auto; margin-right: auto;}
	.c4lr {display:block;}
	.c4l {display:block; flex-basis: 100%;}
	.c4r {display:block; flex-basis: 100%;}
	.c4big {display:none;}
}
@media (min-width: 781px) and (max-width: 1024px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-wrap: nowrap !important;}
	.tlkimg, .tlkctrcol {display:none;}
	.nowrap {	flex-wrap: nowrap;}
	.nowrapmedium {	flex-wrap: nowrap;}
	.iriaec {width:30%; margin-left: auto; margin-right: auto;}
	.c4lr {display:block;}
	.c4l {display:block; flex-basis: 100%;}
	.c4r {display:block; flex-basis: 100%;}	
	.c4big {display:none;}
}
@media (min-width: 1025px) {
		.c4small {display:none;}
}
}