/*
Theme Name: White Swan Asset Management
Author: Kubiak Creative
Author URI: https://kubiakcreative.com
Description: Custom Theme - Requires The7 theme to be installed for base structure.
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
:root {
    --dark:     #363636;
    --stone:    #f4f1e9;
    --orange:   #ff5500;
    --white:    #ffffff;
	--peach:    #ffaa80;
}

.dark		{ color: var(--dark) !important;}
.stone		{ color: var(--stone) !important;}
.orange		{ color: var(--orange) !important;}
.white		{ color: var(--white) !important;}
.peach		{ color: var(--peach) !important;}

.bg-dark     { background-color: var(--dark) !important;}
.bg-stone    { background-color: var(--stone) !important;}
.bg-orange   { background-color: var(--orange) !important;}
.bg-white    { background-color: var(--white) !important;}
.bg-peach    { background-color: var(--white) !important;}

.white-text, .white-text p, .white-text p a, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text blockquote {
    color: var(--white) !important;
}
.dark-text h2 {
    color: var(--dark) !important;
}
.dark-text h2 {
    color: var(--dark) !important;
}
.peach h1{ color: var(--peach) !important;}


.branding a img, .branding img {
    width: auto !important;
    height: 80px !important;
}
.mobile-header-bar .mobile-branding img {
     width: auto !important;
    height: 70px !important;
}
/* ---------------------------  TYPOGRAPHY --------------------------- */
.large-paragraph {
	font-size: 26px;
	line-height: 40px;
}
h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 80px !important;
}
h5 { color: var(--dark) !important; letter-spacing: 0.1em !important;}
h3 { letter-spacing: 0.1em !important;}

h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -40px;
  width: 100px;
  height: 2px;
  background: #FF5500;
}
.border-bottom h1{
  position: relative;
  margin-bottom: 45px !important;
}

.border-bottom h1::after {
  content: "";
  position: absolute;
  left: 47%;
  bottom: -40px;
  width: 100px;
  height: 2px;
  background: #FF5500;
}


.link-text a{
  position: relative;
  display: inline-block;
  margin-bottom: 0px !important;
text-decoration: none !important;
	font-size: 20px !important;
}
.line-under{
  position: relative;
  display: inline-block;
  margin-bottom: 60px !important;
	text-decoration: none !important;
}
.link-text a::after, .line-under::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -25px;
  width: 50px;
  height: 2px;
  background: #FF5500;

}
.line-under::after{
  bottom: -30px;
}
.link-text a:hover{
	color: #000000 !important;
}
.link-text a:hover::after {
  background: #000000;
}

/* ---------------------------  CORNER BOXES --------------------------- */
.header-corner-box {
    overflow: hidden;
    border-radius: 0 120px 0 120px !important;
	border: 4px solid #ff5500 !important;
}
.header-corner-box .vc_column_container > .vc_column-inner {
	padding: 20px !important;
}
.vc_custom_1783499152789 {
	padding-left: 30px !important;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

@media (min-width: 1025px) {

.header-corner-box .vc_column_container .vc_column-inner{
	padding: 50px important;
}
.vc_custom_1783499152789 {
	padding-left: 80px !important;
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}
	
}
.corner-box .vc_column-inner{
    overflow: hidden !important;
    border-radius: 0 120px 0 120px !important;
}
.corner-box-flip .vc_column-inner{
    overflow: hidden !important;
    border-radius: 120px 0 120px 0 !important;
}
/* ---------------------------  BACKGROUND IMAGES --------------------------- */
@media (min-width: 1025px) {

    .swan-bg-row-right {
        background-image: url("/wp-content/uploads/2026/06/SWAN-BG-GRAPHIC-1.svg");
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 400px auto;
    }
	.swan-bg-row-left {
        background-image: url("/wp-content/uploads/2026/06/SWAN-BG-GRAPHIC-2.svg");
        background-repeat: no-repeat;
        background-position: left -20% center;
        background-size: auto 100%;
    }
	.profile-pic .vc_column-inner {
		background-position: right 90% center !important;
		transform: scaleX(-1);
	}

}
	.profile-pic .vc_column-inner {
		transform: scaleX(-1);
		background-position: right 90% center !important;
	}
.img-about .vc_column-inner {
	background-position: left 100% center !important;
}
/* ---------------------------  CONTACT --------------------------- */
#contact{	
	font-size: 18px !important;	
}
#contact a{
	text-decoration:none !important;	
	color: #FFFFFF !important;	
	font-size: 18px !important;	
}

#contact a:hover{
	color: #000000 !important;	
}
.linkedin-link {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

.linkedin-link i {
    font-size: 30px;
    color: #ffffff;
    line-height: 1;
}

.linkedin-link:hover {
    color: #000000;
}

.linkedin-link:hover i {
    color: #000000;
}

/* ---------------------------  FOOTER --------------------------- */
.footer .widget, .wf-cell, .wf-usr-cell {
    vertical-align: bottom;
}


.footer-brand img {
	max-width: 200px !important;
}
.footer-nav .menu li{
    display: inline;
    position: relative;
    margin: 10px 10px;
    padding: 10px 0 0;
	color: #FFFFFF !important;
}
.footer .menu a {
	color: #FFFFFF !important;	
}
.footer .menu a:hover {
	color: #FF5500 !important;	
	text-decoration: none !important;
}
@media (min-width: 992px) {
.footer-nav {text-align: right !important;}
.footer-nav .menu li{
    margin: 20px 20px;
}
}