/*
 Theme Name:   Cocos Keeling Islands
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.global-spacing{padding:40px 10px 30px 10px!important}
.global-spacing{margin-left:auto;margin-right:auto!important;max-width:1200px}

.global-button{padding:10px 30px;border-radius:6px;margin-bottom:20px;border:3px solid #0D2B52;font-weight:600}
.global-button {color:#0D2B52!important}
.global-button:hover{background:rgba(13, 43, 82, 0.52)}

.white-button{padding:10px 30px;border-radius:6px;margin-bottom:20px;border:3px solid #F7F7F7;font-weight:600}
.white-button {color:F7F7F7!important}
.white-button:hover{background:rgba(13, 43, 82, 0.52)}

.category-button{padding:5px 10px;border-radius:6px;margin-bottom:20px;border:3px solid #F7F7F7;font-weight:600}
.category-button {color:F7F7F7!important}
.category-button:hover{background:rgba(13, 43, 82, 0.52)}

.global-button-2{padding:10px 30px;border-radius:6px;margin-bottom:20px;border:4px solid #e6e8eb;font-weight:600}
.global-button-2 {color:white}
.global-button-2{background:rgba(140, 198, 230, 0.69)}
.global-button-2:hover{background:rgba(140, 198, 230, 0.39)}

.site-header{border-bottom:2px solid #0D2B52}

.img-border{border:4px solid #e6e8eb;border-radius:8px}

.page-numbers {
	padding: 5px 10px!important;
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid;
	text-align: center;
}

.paging-navigation{margin-bottom:40px}

.limit-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;     /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.limit-title-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;     /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.limit-content {
    display: -webkit-box;
    -webkit-line-clamp: 3;     /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog.one-container .site-content{
    margin-bottom: 30px;
}

/* Contact Form Begin */
input.wpcf7-form-control.wpcf7-submit{padding:10px 30px;border-radius:6px;margin-bottom:20px;border:4px solid #0D2B52;font-weight:900;background:#F7F7F7!important}
input.wpcf7-form-control.wpcf7-submit{color:#0D2B52!important}
input.wpcf7-form-control.wpcf7-submit:hover{background:#6FC2D0!important}

form.wpcf7-form label {
    width: 100%;
}
[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	width: 95%;
	margin-bottom:6px;border-radius:6px;margin-bottom:20px;border:4px solid #0D2B52;background:#F7F7F7}
}

::placeholder{color:#000000!important;font-weight:bold;}
/* Contact Form End */

/* Begin MEGAMENU */

nav .main-nav .mega-menu {
	position: static;
}

nav .main-nav .mega-menu > ul {
	position: absolute;
	width: 100%;
}

nav .main-nav .mega-menu > ul > li > a {
	font-weight: bold;
}

nav .main-nav .mega-menu>ul>li {
	display: inline-block;
	width: 25%;
	vertical-align: top;
}

nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
	width: 50%;
}

nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
	width: 33.3333%;
}

nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
	width: 20%;
}

nav .main-nav .mega-menu > ul > li > a:hover,
nav .main-nav .mega-menu > ul > li > a:focus,
nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
nav .main-nav .mega-menu ul ul {
	background-color: transparent !important;
}

nav .main-nav .mega-menu ul .sub-menu {
	position: static;
	display: block !important;
	opacity: 1 !important;
	width: 100%;
	box-shadow: 0 0 0;
}

nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
	display: none;
}

@media (max-width: 768px) {
	nav .mega-menu>ul>li {
		display: block;
		width: 100% !important;
	}
        nav .main-nav .mega-menu > ul {
                position: relative;
        }
}

/* End MEGAMENU */

/* Pagination Static Position */
.dotbottom .splide__pagination {
	position:static;
	margin:10px 0;
}
.dotbottom .splide__pagination__page.is-active {
	background: #ccc;
}


.yellow :hover a {
    color: yellow!important;
}


.editor-styles-wrapper .wp-block-splide-carousel-add {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--wp-admin-theme-color);
    border: 0;
    border-radius: 42px!important;
    color: #fff;
    cursor: pointer;
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        Roboto,
        Oxygen-Sans,
        Ubuntu,
        Cantarell,
        Helvetica Neue,
        sans-serif;
    font-size: 23px;
    font-weight: 400;
    height: 32px;
    transition: all 0.1s linear;
    width: 100%;
}

.white-link a{color:#fff}
.white-link a:hover{color:yellow}