/*	
	Custom.css
*/

/*	Site Name: Pauseglobal
	Date: 04/10/2025
*/

/* Fonts
font-family: '';
Regular font-weight: normal;
Medium font-weight: 500;
Bold font-weight: 700;
*/


@font-face { }
	

/* Colours

text: #404040;
cool blue: #C8D2D8;

*/

/* Font size - responsive */

html {
	font-size: 62.5%; /* 10px (1rem) browser default  */

    font-size: calc(15px + 0.390625vw);

}

body > div {
	font-family: '';
	font-weight: normal;
	font-size: 1rem;
    line-height: 1.3;
	color: #404040;
}

/* Headings
--------------------------------------------- */

h1 {
	font-family: '';
	font-size: 1.6rem;
}

h2 {
	font-family: '';
	font-size: 1.4rem;
}

h3,
.entry-content h3 {
	font-family: '';
	font-size: 1.2rem;
	font-weight: normal;
}

/* Titles
--------------------------------------------- */

/* Remove default entry elements */

.entry-header {
	display: none;
}
.entry-title {
	margin-bottom: 30px;
}
.entry-meta {
	display: none;
}
.post-edit-link {
	display: none;
}
.entry-footer {
	display: none;
}
:focus {
    outline: none;
}

/* Site containers */

.site-inner {
    padding: 0px 5%;
}

.full-view {
    display: none;
}

.mobile-view {
    display: block;
}

/* Header ....................
..............................*/

/* Site header ...............*/

.site-header {
	max-width: 2560px;
	box-shadow: none;
	margin: auto;
	padding: 40px 3% 0;
	
}
.wp-custom-logo .title-area {
	padding-bottom: 40px;
	float: none;
	border-bottom: 1px solid #404040;
}
.wp-custom-logo .title-area a {
    max-width: 312px;
    margin: auto;
}
.wp-custom-logo .site-container .title-area {
    max-width: 100%;
}


/* Navigation ..................*/


.site-header .nav-primary {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
}

.nav-secondary {
    width: 90%;
    max-width: 900px;
    margin: auto;
}
.nav-primary .genesis-nav-menu a {
    padding: 12px 0;
}
.genesis-nav-menu a {
	color: #404040;
	font-size: 0.9rem;
}

.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu a:hover,
.footer-widgets .widget_nav_menu .current-menu-item > a,
.footer-widgets .widget_nav_menu a:hover{
	color: #404040;
	text-decoration: none;
}
.nav-secondary {
    padding: 40px;
}

/* Responsive menu ................*/

.menu-toggle {
	margin: auto;
	padding: 0;
	height: 60px;
	float: none;
}
.dashicons-menu:before {
	content: url(/wp-content/uploads/2025/09/Pause-Burger.svg);
	width: 45px;
	height: 40px;
}
.menu-toggle.activated::before {
	content: url(/wp-content/uploads/2025/09/Pause-close.svg);
}
.menu-toggle svg {
	width: 3rem;
}

.genesis-responsive-menu .genesis-nav-menu .menu-item {
	text-align: center;
}

/* Footer ....................
..............................*/

.site-footer,
.footer-widgets {
    border-top: none;
    background: #C8D2D8;
    text-align: center;
}
.footer-widgets-1 img {
    
    max-width: 150px;
}
.footer-widgets-2 .textwidget p {
    /*max-width: 300px;
    margin: auto;*/
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-widgets-2 img {
    display: inline-block;
    width: 15px;
    margin: 20px 30px;
}
.footer-widgets-3 a {
    padding: 20px;
}


/* Media Queries .............
..............................*/


@media only screen and (min-width: 600px) {

   .full-view {
        display: block;
    }
    
    .mobile-view {
        display: none;
    }
    ul#menu-footer-menu {
    display: flex;
    justify-content: center;
    }

}

@media only screen and (min-width: 960px) {

    .site-inner {
        max-width: 2560px;
    }
    .content {
        width: 100%;
    }
    
    /* Header .........................
    ...................................*/
    
    .site-header {
        position: inherit;
    }
    .js .nav-primary ul ,
.nav-secondary ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
    
    /* Footer .........................
    ...................................*/
    
    .footer-widget-area {
        width: 100%;
    }
    
   
   
   
   
   
   
    .home-grid {
        display: grid;
        grid-auto-columns: 5%;
        
    }
    .home-grid .item1 {
  grid-column: 1 / span 9;
  grid-row: 1 / span 9;
    }
    .home-grid .item2 {
  grid-column: 13 / span 8;
  grid-row: 1 / span 5;
    }
    .home-grid .item3 {
  grid-column: 12 / span 6;
  grid-row: 7 / span 5;
    }
    
     .home-grid .item4 {
  grid-column: 10 / span 2;
  grid-row: 6 / span 1;
    }
}